gpt4 book ai didi

html - CSS仅更改按钮的背景颜色

转载 作者:太空宇宙 更新时间:2023-11-04 12:55:38 24 4
gpt4 key购买 nike

以下代码,按钮仅通过一种样式设置不同,会产生截然不同的按钮外观。不仅改变了背景颜色,还改变了边框样式、圆 Angular 和渐变。我想失去梯度并不奇怪,但对我来说其他的是。谁能解释为什么?可以查看以下代码的输出 here .我找到了很多关于如何将按钮设置为默认样式的“解决方案”,但为什么在尝试更改背景颜色时默认值会发生如此巨大的变化?

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link href="favicon-index.ico" type="image/x-icon" rel="shortcut icon">
<link href="/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<h1>test buttons</h1>
<input type="button" value="gradient">
<input type="button" value="background-color" style="background-color: #ff0;">
</body>
</html>

最佳答案

它必须根据浏览器如何呈现它们来做一些事情。当没有应用样式时,它使用 native 操作系统样式。但是当应用样式时,它必须从头开始绘制。由于您只设置背景值,因此使用浏览器默认值中的边框和其他样式属性。

在每个操作系统和浏览器上, native 按钮看起来都有些不同,但在相同的样式下它们看起来是一样的。

关于html - CSS仅更改按钮的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25859259/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com