下划线/删除选择元素中的所有选项

我们如何使用Jquery在选择元素中下划线/删除所有选项。下划线/删除选择元素中的所有选项

下划线/删除元素只显示选定的选项作为下划线/删除线。我需要将所有选项显示为下划线/删除线。

例子是如下：这样表示如果我使用HTML代码如下：

<select id="cmb1" style="width: 80px; float: left; position: absolute; top: 269px; left: 319px; cursor: pointer; text-decoration: line-through; font-family: Calibri;" data-combo="simple" data-div="divcmbSetting" class="ui-draggable ui-draggable-handle ui-selectee focused" data-lbl="lblcmb1" data-forecolor="51,51,51" data-backcolor="255,255,255" data-font="Calibri, 12px"><option value="Off" style="text-decoration: line-through;" class="ui-selectee">1</option><option value="Off" style="text-decoration: line-through;" class="ui-selectee">2</option><option value="Off" style="text-decoration: line-through;" class="ui-selectee">3</option><option value="Off" style="text-decoration: line-through;" class="ui-selectee">4</option></select>

enter image description here

，但它应该是这样

enter image description here

我已经试过外观低于Jquery，它将CSS应用于所有选项即使它在Source中也显示，但不适用于Optio纳秒。

JQUERY：

$("#cmb1 option").each(function() { 
         $(this).css("text-decoration", "line-through"); 
        });

DEMO

来源

2015-05-11 Jankya

这只是不适用于镀铬 – renakre

谢谢。我没有在IE中检查。无论如何，无论如何，它在Chrome中起作用吗？ – Jankya

我无法找到一个可以“做直通”的例子，也许你可以禁用？ – renakre

不知道你可以原生样式选择菜单。但你可以用jquery-ui，它有一个可选的菜单。就像这样：

添加跨度各地选项文本：

<select id="cmb1" style="width: 80px; float: left; position: absolute; top: 269px; left: 319px; cursor: pointer; text-decoration: line-through; font-family: Calibri;" data-combo="simple" data-div="divcmbSetting" class="ui-draggable ui-draggable-handle ui-selectee focused" data-lbl="lblcmb1" data-forecolor="51,51,51" data-backcolor="255,255,255" data-font="Calibri, 12px"> 
<option value="Off" style="text-decoration: line-through;" class="ui-selectee"><span>1</span></option><option value="Off" style="text-decoration: line-through;" class="ui-selectee"><span>2</span></option> 
<option value="Off" style="text-decoration: line-through;" class="ui-selectee"><span>3</span></option> 
<option value="Off" style="text-decoration: line-through;" class="ui-selectee"><span>4</span></option> 
</select>

添加选择菜单：

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

设置CSS上跨度和li元素：

li, span 
{ 
    text-decoration: line-through; 

}

工作例如：http://jsfiddle.net/fy6gcvaz/

虽然您可能想要更改整个样式的样式。

来源

2015-05-11 04:07:05

下划线/删除选择元素中的所有选项

回答

相关问题