jquery - 不可设置样式的表单元素

Question

这是小提琴。我正在制作不可样式化的自定义表单元素。我想知道哪些表单元素不可设置样式，因此我可以为它们创建自定义元素。

当前的 JS/JQuery：

$(document).ready(function () {
    $('ol').hide();
    $('#click').click(function () {
        $(this).toggleClass('down');
        $('ol').toggle();
        $('.l').click(function () {
            var l = $(this).html();
            $('#click').html(l + ' ▾');
        });
    });
});

HTML：

<div id='click'> &blacktriangledown;</div>
<div id='list'>
    <ol>
        <li class='l'>Hello</li>
        <li class='l'>Hola</li>
        <li class='l'>Bonjour</li>
    </ol>
</div>

（这个问题对于和我做同样事情的人很有用。）

Answer 1

不完全音节的表单元素是：

• 输入[类型=复选框]
• 输入[类型=收音机]
• 输入[类型=文件]
• 输入[类型=颜色]
• 输入[类型=日期]
• 输入[类型=日期时间]
• 输入[类型=日期时间-本地]
• 输入[类型=时间]
• 输入[类型=月]
• 输入[类型=周]
• 选择
• 选择[多个]

需要浏览器特定样式的表单元素：

• 输入[类型=搜索]
• 输入[类型=数字]

另请注意，已经有用于样式/替换所有这些的插件和解决方法，它们非常好。如果您打算更换这些，您需要记住残障人士的键盘控制和 ARIA 属性。