Materialize - disable form styling

Question

Можно ли изменить стиль материализации формы? Например, удалите подчеркивание из целенаправленного ввода.

materialize framework link

Answer 1

Перезапись стили CSS легко: создавать пользовательские CSS стилей и включают в себя, что после материализовать CSS стилей. Затем вы узнаете, какие правила заданы в Materialize, и перезапишите их.

Например, граница ниже входных полей, стилизованы по MaterializeCSS так:

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea { 
    background-color: transparent; 
    border: none; 
    border-bottom: 1px solid #9e9e9e; 
    border-radius: 0; 
    outline: none; 
    height: 3rem; 
    width: 100%; 
    font-size: 1rem; 
    margin: 0 0 20px 0; 
    padding: 0; 
    box-shadow: none; 
    box-sizing: content-box; 
    transition: all 0.3s; 
} 

Чтобы удалить border-bottom, в пользовательском CSS листе вы установили правило:

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea { 
    border-bottom: none; 
} 

Отключение функций JS сложнее, вам придется изменить исходный JS-код для этого и удалить ненужные функции.

Answer 2

При использовании Sass вы можете импортировать новый файл SCSS после реализации материализовать CSS (http://materializecss.com/getting-started.html)

Это может с НПМ или беседкой. Существует также Rails Gem (https://github.com/mkhairi/materialize-sass)