2016-07-21 4 views
-3

overflow:visibleコードの一部は、アクティブにするアイテムをダブルクリックする必要があります。誰かがその理由を知っていますか?このプロパティはオーバーフローしています:目に見えるのは、エメットをダブルクリックしますか?

ここ
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; 
} 

より多くのコード

`

<!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

はあなたがすべてのコードと詳細を与えることができます。 –

+1

あなたが求めていることを理解することは難しいです。英語が母国語でない場合は、誰かに翻訳を手伝うように依頼してください。 – zzzzBov

+1

*デバッグのヘルプを求める質問(「なぜこのコードは動作しませんか?」)には、目的の動作、特定の問題またはエラー、および質問自体に再現するのに必要な最短コードが含まれている必要があります。明確な問題文がない質問は、他の読者にとって有用ではありません。参照:[mcve]。を作成する方法*あなたの質問には、フォーカスを得るために入力をダブルクリックする必要がある理由を説明するのに十分な情報がありません。問題を複製するのに十分なコードを含める必要があります。 – BSMP

答えて

0

フォーカスがオーバーフローしている必要はありません。以下を参照してください:

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

を持つ例は:focus擬似クラスを削除しようとします。焦点は、overflow:visible;が、inputまたはselectがフォーカスを得る(クリックする)場合にのみ適用されることを意味します。

関連する問題