如何在不模糊禁用项目的情况下使具有禁用选项的Select元素(HTML电子邮件)

时间:2019-07-06 11:19:21

标签: html css

我的html内容如下:

<select style="background-color:#82DACA">
    <option style="display:none;">Click to check Files</option>
    <option>See the filenames below</option>
    <option disabled>file1</option>
    <option disabled>file2</option>
    <option disabled>file2</option>
</select>

我有一个选择元素,里面有禁用的物品。我将其禁用的原因仅仅是使它们不可选择。否则,人们可以选择一个选项,而该选项将被选中,这是我不想要的。

问题是当我禁用这些选项时,它们看上去很模糊。我要的是它们的选项应该清晰可见,但不能单击。即使它们是可单击的,也应始终显示“单击以检查文件”。

适用的条件:只允许使用内联样式。 (没有js或css文件或脚本。这是我选择select元素显示文件列表的唯一原因

注意:我正在尝试使用GMAIL API将HTML内容作为电子邮件发送。并且电子邮件客户端中的HTML查看器不是标准化的,并且大多数都不允许使用标签。因此,HTML电子邮件通常包含许多内联样式。我期望仅使用内联样式的解决方案。例如

<option style="display:none;">Click to check Files</option>

所以没有CSS。

1 个答案:

答案 0 :(得分:0)

您可以滥用<optgroup>来代替const int arrSize = 6; var splitedLists = new List<List<int>>(arrSize); var defaultTake = 8; var defaultSkip = 0; for (var i = 1; i <= arrSize; i++) { if (i >= 3) defaultSkip--; splitedLists.Add(array.Skip(defaultSkip).Take(defaultTake + 1).ToList()); if (i >= 2) defaultTake++; defaultSkip = defaultSkip + defaultTake + 1; }

<option>