Χρησιμοποιώ το dreamweaver για να δημιουργήσω έναν ιστότοπο και σκέφτηκα να χρησιμοποιήσω το Photoshop για να δημιουργήσω φόντα. Αποφάσισα να το κάνω μόνο και μόνο επειδή σε περίπτωση που θα επέλεγα να αλλάξω το όνομα του κουμπιού εύκολα με απλή επεξεργασία των κωδικών, θα μπορούσα απλά να ανατρέξω στον κώδικα. Εάν κατασκεύαζα κουμπιά χρησιμοποιώντας το Photoshop, δεν θα'α μπορούσα να επεξεργαστώ τα Κείμενα σε αυτά τα κουμπιά ή σε οποιοδήποτε στοιχείο εύκολα.
Έτσι, η ερώτησή μου είναι απλή, Πώς μπορώ να δημιουργήσω ένα κουμπί που έχει ένα απλό inline στυλ που το καθιστά διαφανές αφήνοντας την τιμή του κουμπιού ακόμα ορατή.
.button {
background-color: Transparent;
background-repeat:no-repeat;
border: none;
cursor:pointer;
overflow: hidden;
}
Εξακολουθεί να αφήνει μια σκιά περιθωρίου μετά το κλικ σας σε αυτό.
Για να απαλλαγείτε από το περίγραμμα όταν κάνετε κλικ, προσθέστε outline:none
[παράδειγμα jsFiddle][1]
button {
background-color: Transparent;
background-repeat:no-repeat;
border: none;
cursor:pointer;
overflow: hidden;
outline:none;
}