骨架網格用戶代理樣式表

Question

我剛開始使用Skeleton網格，它對我來說很棒，除了我剛添加了一個表單提交，並且有一些奇怪的樣式添加到了我的提交中...當我從它看時檢查它顯示所有這些的元素

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標籤，身體標籤塊，跨距內聯等等更大...

如果你想改變這些樣式，你必須重寫它們。例如：

如果你想提交按鈕編輯填充，您可以添加到您的樣式表：

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