Скелет-сетка User Agent Style Sheet

Question

Я только начал использовать сетку скелета, и это было здорово для меня, кроме как я только добавил форму submit, и есть добавленная куча странных стилей, добавленных в мою подачу ... Когда я смотрю на нее с проверить элементы, которые он показывает, все это

user agent stylesheetinput[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { 
padding: 1px 6px; 
} 
user agent stylesheetinput[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { 
align-items: flex-start; 
text-align: center; 
cursor: default; 
color: buttontext; 
padding: 2px 6px 3px; 
border: 2px outset buttonface; 
border-image-source: initial; 
border-image-slice: initial; 
border-image-width: initial; 
border-image-outset: initial; 
border-image-repeat: initial; 
background-color: buttonface; 
box-sizing: border-box; 
} 
user agent stylesheetinput[type="button"], input[type="submit"], input[type="reset"] { 
-webkit-appearance: push-button; 
white-space: pre; 
} 
user agent stylesheetinput, input[type="password"], input[type="search"], isindex { 
-webkit-appearance: textfield; 
padding: 1px; 
background-color: white; 
border: 2px inset; 
border-image-source: initial; 
border-image-slice: initial; 
border-image-width: initial; 
border-image-outset: initial; 
border-image-repeat: initial; 
-webkit-rtl-ordering: logical; 
-webkit-user-select: text; 
cursor: auto; 
} 
user agent stylesheetinput, textarea, keygen, select, button, isindex { 
margin: 0em; 
font: -webkit-small-control; 
color: initial; 
letter-spacing: normal; 
word-spacing: normal; 
text-transform: none; 
text-indent: 0px; 
text-shadow: none; 
display: inline-block; 
text-align: start; 
} 

Как мне добраться до этого?

Answer 1

Предполагая, что я правильно, что вы спрашиваете понять ...

Те стили агента пользователя. Стили по умолчанию, применяемые браузером. Стили по умолчанию применяются ко всем элементам браузера. Это то, что делает тег h1 больше, чем тег h2, блок тегов тела, диапазон inline и т. Д. И т. Д.

Если вы хотите изменить эти стили, вы должны их переопределить. Например:

Если вы хотите изменить отступы на кнопку отправки, вы можете добавить к вашей таблице стилей:

input[type="submit"] { 
    padding: 5px 10px; 
}