初心者の質問はこちら。すべての li にパディング付きのナビゲーション バーがあり、パディングをクリックしたときに ahref をターゲットにできるようにしたいと考えています。これは、liごとにonclick/javascriptで行われますか? または簡単なCSSメソッドはありますか?
また、パディングをクリックしてフォーカスしたい検索バーもあります。これには同様の方法が必要になると思います。
初心者の質問はこちら。すべての li にパディング付きのナビゲーション バーがあり、パディングをクリックしたときに ahref をターゲットにできるようにしたいと考えています。これは、liごとにonclick/javascriptで行われますか? または簡単なCSSメソッドはありますか?
また、パディングをクリックしてフォーカスしたい検索バーもあります。これには同様の方法が必要になると思います。
display:inline-block
まず、リンクのプロパティとして設定する必要があります。次に、リストアイテムからパディングを削除し、リンクに適用します。
CSSは以下を反映する必要があります。
li a {
display: inline-block;
padding: 10px;
}
これが実際の例のフィドルです。
多分あなたは指定することができます:
li.someclass a {
display: inline-block; //or display:block;
width: 100%;
height: 100%;
}
(親コンテナの幅/高さも指定することを忘れないでください)
私があなたを正しく理解したかどうかはわかりませんが
の代わりにアンカーにパディングを設定しますli
。
http://jsfiddle.net/FBsKH/を参照して比較してください。
検索バーについて、コードを投稿できますか?
にパディングを追加し、そのパディング<input type="text" />
をクリックすると、フォーカスが得られます (Firefox と Chrome でテスト済み)。こちらをご覧ください:http://jsfiddle.net/fnsRu/
編集:
ああ、検索バーで何をしたいのか理解できました。
問題は、CSS を使用した私の知る限り、要素にフォーカスを設定できないことです。
次に、次のことができます。