表单元素不可设置样式

Question

Here是小提琴。我正在制作不可样式的自定义表单元素。我想知道哪些表单元素不具有样式，所以我可以创建一个自定义元素。

当前的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

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

• 输入[类型=复选框]
• 输入[类型=无线电]
• 输入[类型=文件]
• 输入[类型=颜色]
• 输入[类型=日期]
• 输入[类型=日期时间]
• 输入[类型=日期时间本地]
• 输入[类型=时间]
• 输入[类型=月]
• 输入[类型=周]
• 选择
• 选择[多]

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

• 输入[类型= SEACH]
• 输入[类型=数]

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