我想在选择框中设置高度或宽度。
<?php $subjectList=array('0'=>'Questions','1'=>'Feedback / Suggestions','2'=>'Location Owner Inquiry' ,'3'=>'Other');?>
<select name="vSubject" data-errormessage-value-missing="Select Reason!" id="vSubject" >
<option value="" >-Select One-</option>
<?php foreach($subjectList as $r=>$k) { ?>
<option value="<?php echo $r?>" ><?php echo $k?></option>
<?php }?>
</select>
填充和高度在 SAFARI 中不起作用。 所以建议一些解决方案。
最佳答案
您是否为您的下拉列表尝试过此 CSS?
overflow: hidden;
border: none;
outline: none;
-webkit-appearance: none;
对于Safari你可以试试
-webkit-appearance: menulist-button;
这样宽度和高度就可以工作了(link)
然后您可以使用背景、字体系列、填充等来进一步增强您的自定义选择标签。它在 Safari/Chrome/FF 中对我有用......
编辑:
编辑选项标签并不是那么容易。您可以使用下面的 css,但不幸的是一切都不可自定义
select option {
margin:40px;
background: rgba(0,0,0,0.3);
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
关于javascript - 如何在 safari 和 chrome 的选择框(下拉框)中设置高度或填充?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24993051/