我试图在菜单中心对齐文本,但它不起作用,并且悬停在菜单阴影上也不起作用。请问各位有什么解决办法吗?
在这里小提琴:
https://jsfiddle.net/6towqd38/1/
CSS code
select {
border: 0 none;
color: black;
background: transparent;
font-size: 14px;
padding: 6px;
width: 100%;
*width: 100%;
*background: #58B14C;
}
#mainselection {
overflow: hidden;
width: 100%;
background: #4CAF50;
text-align: center;
}
#select:hover {
box-shadow: 0 0 20px blue;
}
这是你需要的吗?
select {
border: 0 none;
color: black;
background: transparent;
font-size: 14px;
padding: 6px;
width: 100%;
background: #58B14C;
text-indent: 50%;
}
#mainselection {
overflow: hidden;
width: 100%;
background: #4CAF50;
text-align: center;
}
select:hover {
text-shadow: 1px 1px red;
box-shadow:1px 1px red;
}
<div id="mainselection">
<select>
<option>Select options</option>
<option>1</option>
<option>2</option>
</select>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句