Jquery 在“选择元素”中的所有选项下划线/删除线

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

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

示例如下： 如果我使用以下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>

---

不确定是否可以设置本机选择菜单的样式。但您可以使用jqueryui，它有一个可设置样式的selectmenu。像这样：

在选项文本周围添加跨距：

 <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>

在span和li元素上设置css：

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

}

工作示例：

---

不过，您可能需要更改整个菜单的样式。

不确定是否可以设置本机选择菜单的样式。但您可以使用jqueryui，它有一个可设置样式的selectmenu。像这样：

在选项文本周围添加跨距：

 <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>

在span和li元素上设置css：

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

}

工作示例：

---

不过，您可能需要更改整个产品的样式。

这不适用于chromeThanks。我还没有签入IE。无论如何，它在Chrome中工作吗？我找不到一个例子，可以通过行来完成，也许你可以禁用？禁用是否像$select选项一样。PROPDABLED，true；有效？不，不起作用。这对chromeThanks不起作用。我还没有签入IE。无论如何，它在Chrome中工作吗？我找不到一个例子，可以通过行来完成，也许你可以禁用？禁用是否像$select选项一样。PROPDABLED，true；有效？不，不起作用。。