2016-07-21 3 views
-3

Der Teil des overflow:visible-Codes muss auf das zu aktivierende Element doppelklicken, jemand weiß warum?diese eigenschaft überlauf: sichtbar macht doppelklick ein elemet?

input:focus,select:focus{ 
    box-shadow: 0 0 2px #ed1c24 inset; 
    background-color: #fff; 
    border: 1px solid #ed1c24; 
    outline: 0; 
    color:#444444; 
    font-size:11px; 
    overflow:visible; 
    font-family:"Century Gothic", Helvetica, sans-serif; 
} 

hier ein Beispiel mit mehr Code

`

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
    <style> 
     input:focus,select:focus{ 
     box-shadow: 0 0 2px #ed1c24 inset; 
     background-color: #fff; 
     border: 1px solid #ed1c24; 
     outline: 0; 
     color:#444444; 
     font-size:11px; 
     overflow:visible; 
     font-family:"Century Gothic", Helvetica, sans-serif; 
    } 
    </style> 
</head> 
<body> 
    <input type="text"> 
    <select name="prueba" id=""> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
     <option value="5">5</option> 
    </select> 
</body> 
</html> 

`

+1

können Sie weitere Details mit allen Code geben. –

+1

Es ist schwierig zu verstehen, was Sie fragen. Wenn Englisch nicht Ihre Muttersprache ist, bitten wir Sie, jemanden beim Übersetzen zu unterstützen. – zzzzBov

+1

* Fragen, die Debugging-Hilfe suchen ("Warum funktioniert dieser Code nicht?") Müssen das gewünschte Verhalten, ein bestimmtes Problem oder einen Fehler und den kürzesten Code enthalten, der für die Reproduktion in der Frage erforderlich ist. Fragen ohne eine klare Problemstellung sind für andere Leser nicht nützlich. Siehe: Erstellen eines [mcve]. * Es gibt nicht genügend Informationen in Ihrer Frage, um zu erfahren, warum Ihre Eingabe doppelt angeklickt werden muss, um den Fokus zu erhalten. Sie müssen genügend Code einschließen, um das Problem zu duplizieren. – BSMP

Antwort

0

Sie brauchen keinen Überlauf sichtbar im Fokus. Siehe unten:

input:focus, 
 
select:focus { 
 
    box-shadow: 0 0 2px #ed1c24 inset; 
 
    background-color: #fff; 
 
    border: 1px solid #ed1c24; 
 
    outline: 0; 
 
    color: #444444; 
 
    font-size: 11px; 
 
    font-family: "Century Gothic", Helvetica, sans-serif; 
 
}
<input type="text"> 
 
<select name="prueba" id=""> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
    <option value="4">4</option> 
 
    <option value="5">5</option> 
 
</select>

1

versuchen, die :focus Pseudo-Klasse zu entfernen. Der Fokus bedeutet, dass die overflow:visible; nur gilt, wenn die input oder select Fokus (durch Klicken auf) konzentrieren.

Verwandte Themen