2

a:hoverリスト項目の背景を変更しようとしています。

私が現在使用しているアプローチは、padding:15px 55px 15px 55px;そのリスト項目に割り当てられたスペース全体 ( ) ではなく、テキストのすぐ後ろの背景色のみを変更します。

a:hoverそのリスト項目に割り当てられた全スペースを利用して背景色を変更するために属性を変更するにはどうすればよいですか?

CSS :

 #navbar{
        background:#303030;
    }

#navbar li{
    display:inline-block;
    list-style:none;
    padding:15px 55px 15px 55px;
    font-weight:normal;
    font-family: 'Lora', serif;

}
#navbar a{
color:#F5F5F5;
}

#navbar a:hover{
background-color:#EE7621;
}
4

1 に答える 1

14

ホバーをliに設定してみませんか:

#navbar li:hover{
background-color:#EE7621;
}

編集:

30 ドットで提案されているように:

「理想的には、a 要素は li 要素の全スペースを取る必要があります。display:inline-block; または display:block を a に追加して、パディングを li から a に移動してみてください」

于 2013-08-19T15:07:13.043 に答える