Элементы формы, которые не являются стильными

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

Элементы формы, которые не являются полностью слог:

• ввода [тип = флажок]
• ввода [тип = радио]
• ввода [тип = файл]
• ввода [тип = цвет]
• ввода [тип = дата]
• ввода [тип = DateTime]
• ввода [тип = DateTime локальное]
• ввода [тип = время]
• ввода [тип = месяц]
• ввода [тип = неделе]
• выберите
• выберите [несколько]

элементов формы, которые требуют браузера конкретной укладки:

• ввода [типа = Seach]
• ввода [тип = номер]

Также обратите внимание, что есть плагины и worka раундов для стилизации/замены всех этих уже, и они довольно хороши. Если вы планируете их заменять, вам необходимо запомнить элементы управления клавиатурой и атрибуты ARIA для людей с ограниченными возможностями.