Πώς να αφαιρέσετε το πλαίσιο εστίασης (περίγραμμα) γύρω από το κείμενο/τα πλαίσια εισαγωγής; (Chrome)

Question

Περισσότερα

Πηγή Μη AMP-έκδοση Επεξεργασία

Πώς να αφαιρέσετε το πλαίσιο εστίασης (περίγραμμα) γύρω από το κείμενο/τα πλαίσια εισαγωγής; (Chrome)

Μπορεί κάποιος να εξηγήσει πώς να αφαιρέσει το πορτοκαλί ή μπλε περίγραμμα (περίγραμμα) γύρω από τα πλαίσια κειμένου/εισαγωγής; Νομίζω ότι αυτό συμβαίνει μόνο στον Chrome για να δείχνει ότι το πλαίσιο εισαγωγής είναι ενεργό. Εδώ είναι το CSS εισόδου που χρησιμοποιώ:

input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
}

party-ring

Επεξεργασμένη ερώτηση Κάνε Αύγουστος 2019 в 4:59

Προγραμματισμός

google-chrome focus css input border

Κάνε Αύγουστος 2010 в 1:49

25 προβολές

azram19

Πηγή Μη AMP-έκδοση Επεξεργασία

input:focus {
    outline:none;
}

Αυτό αρκεί. Το πορτοκαλί περίγραμμα δεν θα εμφανίζεται πλέον.

hichris123

Επεξεργασμένη απάντηση Κάνε Δεκέμβριος 2015 в 12:31

93

0

Σχόλια (3)

Joey Morani

Πηγή Μη AMP-έκδοση Επεξεργασία

Βρήκα τη λύση.
Χρησιμοποίησα: στο CSS και φαίνεται ότι λειτούργησε. Ευχαριστώ για τη βοήθεια, ούτως ή άλλως :)

38

0

Σχόλια (2)

CEich · Accepted Answer · 2010-08-03T13:52:36+00:00

Αυτό το πλαίσιο χρησιμοποιείται για να δείξει ότι το στοιχείο είναι εστιασμένο (δηλ. μπορείτε να πληκτρολογήσετε την εισαγωγή ή να πατήσετε το κουμπί με Enter). Μπορείτε όμως να το αφαιρέσετε:

textarea:focus, input:focus{
    outline: none;
}

Ίσως όμως να θέλετε να προσθέσετε κάποιον άλλο τρόπο για να γνωρίζουν οι χρήστες ποιο στοιχείο έχει εστίαση πληκτρολογίου για λόγους ευχρηστίας.

Το Chrome θα εφαρμόσει επισήμανση και σε άλλα στοιχεία, όπως τα DIV που χρησιμοποιούνται ως modals. Για να αποτρέψετε την επισήμανση σε αυτά και σε όλα τα άλλα στοιχεία επίσης, μπορείτε να κάνετε:

*:focus {
    outline: none;
}