gpt4 book ai didi

html - 在我的标题中进行下拉选择

转载 作者:太空宇宙 更新时间:2023-11-04 13:29:34 24 4
gpt4 key购买 nike

我正在创建一个监控系统,我需要能够选择不同的天数。我希望它的样式有点像这样。

以前 [此处下拉]

dropdown style

如您所见,没有边框,我希望文本能够流动,所以如果它的 60 天右边没有太多空间,当它的 120/365 看起来还不错,但 2 位数字上的空间太多权利。

最好的解决方案是什么?

这是我的HTML

<div class="col-md-12">
<h4>Previous
<select name="" id='daySelect'>
<option disabled='disabled' selected>Select Day</option>
<option value="30">30</option>
<option value="60">60</option>
<option value="90">90</option>
<option value="120">120</option>
<option value="365">365</option>
</select>
Days
(All Agencies)</h4>
</div>

这是我的CSS

  #daySelect {
width: 45px;
border: 1px solid transparent;
outline: none;
}

select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}

Fiddle

最佳答案

我想这对你有帮助

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
select {
-webkit-appearance: none;
-moz-appearance : none;
border:1px solid #ccc;
border-radius:3px;
padding:10px 10px;
text-justify: auto;
text-align: center;
}
}
</style>
</head>
<body>
<ul>
<select id="sel" name="sel">
<option value="o1">50</option>
<option value="o2">100</option>
<option value="o3">1000</option>

</select>
</ul>
<div id="mySelect"></div>
</body>
</html>

关于html - 在我的标题中进行下拉选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35267733/

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