CSS 边框颜色 chrome/firefox答案

【问题标题】：CSS Border Color chrome/firefoxCSS 边框颜色 chrome/firefox
【发布时间】：2021-11-14 19:33:21
【问题描述】：

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

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

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

appearence HTML

CSS

HTML

【问题讨论】：

查看 chrome 检查。
那是我的第一个线索，但没有什么能告诉我我做错了什么
chrome 开发工具中的border-bottom-color 属性值是什么？ #f00?
我认为您显示的代码没有任何问题。请建立一个有效的 sn-p 并确保它包含足够的内容来显示问题。您给出的图像看起来好像有某种过滤器或覆盖半透明的淡蓝色元素。
感谢您的快速回复。我试着让它更透明

标签： css border-color

【解决方案1】：

您的问题似乎在于输入的原始 Chrome/FF 样式 - 特别是边框。只需将border-style 指定为solid，它就会为您提供所需的输出

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

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

【讨论】：

天哪，这么简单：-o 好的，在寻求帮助之前，我必须了解更多。
谢谢你！！！！！