gpt4 book ai didi

html - 如何设置字段位置?

转载 作者:行者123 更新时间:2023-11-28 18:29:13 25 4
gpt4 key购买 nike

火狐、Safari、IE
enter image description here enter image description here enter image description here

可以看到在不同的浏览器中inputdiv之间有1-2px的差异,如何清除?

HTML:

<input type="text" class="my-input-select" disabled="disabled"/>
<div class="my-input-select-box" >
<ul style="z-index:100">
<li>All</li>
<li>Products</li>
<li>Categories</li>
<li>Clients</li>
<li>News</li>
</ul>
</div>

CSS:

.my-input-select{
border: 1px solid #acacac;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
background: url(images/forms/select.png) no-repeat 98% center;
cursor: pointer;
display: block;
}

div.my-input-select-box{
position: relative;
margin: 0;
padding: 0;
}

div.my-input-select-box ul{
position: absolute;
background: red;
left: 110px;
top: 26px;
width: 172px;
z-index: 100;
margin: 0;
padding: 0;
}

div.my-input-select-box li{
border-bottom: medium none;
color: #393939;
cursor: pointer;
display: block;
font-size: 12px;
line-height: 12px;
list-style-type: none;
margin: 0;
padding: 6px 2px 6px 10px;
}

最佳答案

例如,您必须使用 html、css 重置 http://necolas.github.com/normalize.css/

关于html - 如何设置字段位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14810814/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com