我正在努力使网站的导航栏具有响应性:http://codepen.io/anon/pen/VvmpKx
导航栏中有一个简单的(目前尚不可用)搜索输入框。
<nav>
...
<form class="search">
<input type="text" size="15" placeholder="Search..." />
</form>
</nav>
在大约750像素处,我会减小字体大小并增加导航栏的高度,以便更容易点击导航栏链接。这个方法很好用,但对于搜索栏来说不太适用。
有没有办法让搜索输入框上方和下方的区域可点击,就像用户点击输入框本身一样,就像类别链接那样?
我更喜欢只使用CSS的解决方案,但JavaScript或jQuery也可以接受。
<input/>
是自封闭(X)HTML5标签,因此不能具有::before
和::after
伪元素。您可以为<button/>
使用::before
和::after
,但不得为<input/>
、<img/>
、<br/>
等使用。在这种情况下,IE的行为是正确的。另外,<textarea/>
没有before和after伪元素。 - 18C