CSS 边框颜色 chrome/firefox

Question

这可能是一个绝对的初学者问题，但我在 google.de 中找不到答案。

如果我给边框底部颜色，它看起来比我定义的要暗很多。在 Safari Mobile 中，它看起来像我定义的那样。有没有办法影响这种行为？

border-bottom-width: 4px;
border-bottom-color: #f00;
-webkit-appearance: none;

appearence HTML

CSS

HTML

Answer 1

看来您的问题在于输入的原始 Chrome/FF 样式 - 特别是边框。只需将 border-style 指定为 solid 它应该会给你所需的输出

.testinput { border: 10px solid greenyellow;
margin: 80px 100px; }

<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./css/style.css"> <title>Titel</title> </head> <body> <input class="testinput"/> </body> </html>

CSS 边框颜色 chrome/firefox

CSS Border Color chrome/firefox

css

border-color