Προσπαθώ να αλλάξω το στυλ ενός κουμπιού με ενσωματωμένη εικόνα, όπως φαίνεται στο παρακάτω Fiddle:
Στο παράδειγμα δεν υπάρχουν εικόνες, φοβάμαι.
Προσπαθώ:
Δοκίμασα να το κάνω στο button[disabled]
. Αλλά κάποια εφέ δεν μπορούσαν να απενεργοποιηθούν.
top: 1px; position: relative;
και image.
Για τα απενεργοποιημένα κουμπιά μπορείτε να χρησιμοποιήσετε το ψευδοστοιχείο :disabled
. Λειτουργεί για όλα τα στοιχεία.
Για προγράμματα περιήγησης/συσκευές που υποστηρίζουν μόνο CSS2, μπορείτε να χρησιμοποιήσετε τον επιλογέα [disabled]
.
Όπως και με την εικόνα, μην βάζετε εικόνα στο κουμπί. Χρησιμοποιήστε το CSS background-image
με background-position
και background-repeat
. Με αυτόν τον τρόπο, δεν θα εμφανιστεί το σύρσιμο της εικόνας.
Πρόβλημα επιλογής: Εδώ είναι ένας σύνδεσμος για τη συγκεκριμένη ερώτηση:
Παράδειγμα για τον επιλογέα απενεργοποίησης: