对于< button>设置背景
图片,
我有一点问题。
这是我在网站上的html:
<button id="rock" onClick="choose(1)">Rock</button>
这里是CSS:
button {
font-size: 18px;
border: 2px solid #AD235E;
border-radius: 100px;
width: 150px;
height: 150px;
}
button #rock {
background: url(img/rock.png) no-repeat;
}
我不知道为什么按钮的背景仍然是白色的。
令人惊讶的是,没有回答地址或提及这里的实际问题。
CSS选择按钮#rock表示“给我一个元素与id摇滚在< button>元素中,像这样:
<button>
<span id="rock">This element is going to be affected.</span>
</button>
但是你想要的是< button>元素与id岩石。而这个选择器将是按钮#摇滚(注意按钮和#rock之间的空白)。
而且@Greg已经提到:#rock已经足够专门针对该按钮,可以自己使用。