Question

我遇到了一个问题，要在html中加下一个元素

请在此处找到代码：

override func prepareForReuse() {
    super.prepareForReuse()
    // Ensure "drawRect" is called (only way I could see to handle change in orientation
    self.setNeedsDisplay() 
    // ISSUE: It does this also for subsequent "prepareForReuse" after all
    // non-visible cells have been re-used and re-drawn, so really
    // not optimal
}

jsFiddle

Answer 1

通常，您无法设置选项元素的样式。但是有一些插件/黑客可以使用，但你不能确定它们是否可以在所有平台上兼容。

请参阅此回答How to style the option of a html "select"?

Answer 2

对于跨浏览器，在这种情况下，大多数css都不能应用于本地控件，如select。替代方法是使用jquery-ui而不是在场景后面隐藏选择元素并显示外观，通常它们是<ul>/<li>，<span>或<div>。通过CSS你也可以改变它的外观和感觉。

<强>先决条件：

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> /*Jquery Library*/
<script src="//code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script> /*Jquery UI Library*/
<script src="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css"></script> /*Jquery UI CSS*/

HTML MarkUp：

<select>
    <option>select</option>
    <option>one</option>
    <option>two</option>
    <option>three</option>
</select>

<强>使用Javascript：

$(document).ready(function(){
     $('select').selectmenu();
})

StyleSheet（CSS）：

li, span
{
    text-decoration: underline;  
}

.ui-selectmenu-button{
    width:150px !important;
}

JSFiddle演示： Working Demo

Answer 3

虽然可以在HTML中对<select>元素和<option>元素进行样式处理，或者将Javascript放在那些元素上，但我绝不会建议这样做。

辅助功能始终是网络上的一个问题，通过将输入的标准化方法（用户可以选择一个选项）转换为完全不同的视觉吸引力，您无法帮助用户。

有一些人写过关于这个主题的文章，我同意所有这些主题：＆＃34;单独选择。如果有必要，请设计风格。＆＃34; https://www.aaron-gustafson.com/notebook/native-vs-stylable-tug-of-war/

如果您仍然想要选择样式（不是选项，单独使用CSS就不可能），FilamentGroup有一个很棒的库，您只需投入到您的项目中：https://github.com/filamentgroup/select-css/

Html选择选项下划线

3 个答案: