0

我刚开始使用骨架网格，它对我来说很棒，除了我刚刚添加了一个表单提交并且我的提交中添加了一堆奇怪的样式......当我从检查元素中查看它时，它显示了所有这些

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;
}

我怎么搭车？

4

1 回答 1

0

假设我理解正确你在问什么......

这些是用户代理样式。浏览器应用的默认样式。默认样式应用于所有浏览器元素。它们使 h1 标签大于 h2 标签、body 标签块、span inline 等......等等......

如果要更改这些样式，则必须覆盖它们。例如：

如果要编辑提交按钮上的填充，可以将其添加到样式表中：

input[type="submit"] {
    padding: 5px 10px;
}
于 2013-10-10T01:11:51.167 回答