Μπορεί κάποιος να εξηγήσει πώς να αφαιρέσει το πορτοκαλί ή μπλε περίγραμμα (περίγραμμα) γύρω από τα πλαίσια κειμένου/εισαγωγής; Νομίζω ότι αυτό συμβαίνει μόνο στον Chrome για να δείχνει ότι το πλαίσιο εισαγωγής είναι ενεργό. Εδώ είναι το CSS εισόδου που χρησιμοποιώ:
input {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
Αυτό το πλαίσιο χρησιμοποιείται για να δείξει ότι το στοιχείο είναι εστιασμένο (δηλ. μπορείτε να πληκτρολογήσετε την εισαγωγή ή να πατήσετε το κουμπί με Enter). Μπορείτε όμως να το αφαιρέσετε:
textarea:focus, input:focus{
outline: none;
}
Ίσως όμως να θέλετε να προσθέσετε κάποιον άλλο τρόπο για να γνωρίζουν οι χρήστες ποιο στοιχείο έχει εστίαση πληκτρολογίου για λόγους ευχρηστίας.
Το Chrome θα εφαρμόσει επισήμανση και σε άλλα στοιχεία, όπως τα DIV που χρησιμοποιούνται ως modals. Για να αποτρέψετε την επισήμανση σε αυτά και σε όλα τα άλλα στοιχεία επίσης, μπορείτε να κάνετε:
*:focus {
outline: none;
}
input:focus {
outline:none;
}
Αυτό αρκεί. Το πορτοκαλί περίγραμμα δεν θα εμφανίζεται πλέον.
Βρήκα τη λύση.
Χρησιμοποίησα: στο CSS και φαίνεται ότι λειτούργησε. Ευχαριστώ για τη βοήθεια, ούτως ή άλλως :)