html - 按钮样式 - 忽略 css

Question

有没有办法在创建特定按钮时忽略 Google CSS 样式？这是我的 jsfiddle ，我想将按钮宽度更改为 5 px，由于外部 CSS 而被忽略

HTML:

<input type="submit">

CSS:

input[type="submit"] {
height: 25px;
width: 5px;
border: 0;
-webkit-appearance: none;
}

Answer 1

如果您在 google 样式表之后加载 CSS，您可以使用您正在使用的选择器覆盖样式。谷歌应用 min-width: 72px 如果您希望宽度为 5px

，则需要覆盖它

<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
<style>
input[type="submit"] {
    height: 25px;
    width: 5px;
    border: 2px dotted red;
    -webkit-appearance: none;
    background: green;
    color: white;
    min-width: 0;
}
</style>
<input type="submit">