为什么在Safari中不显示颜色#e67d22e1？
在Safari中不显示颜色#e67d22e1可能有以下几个原因：
- 浏览器兼容性：Safari可能不支持或不正确地解析#e67d22e1这个颜色代码。不同浏览器对颜色代码的解析有所不同，可能存在一些差异。
- CSS属性支持：如果#e67d22e1是应用在某个CSS属性上的，例如background-color或color，那么可能是该属性在Safari中不支持这个颜色值。可以尝试使用其他颜色值或查阅Safari的官方文档了解其支持的颜色范围。
- 透明度处理：#e67d22e1中的"e1"代表透明度，可能是Safari对透明度的处理方式与其他浏览器有所不同，导致该颜色无法正常显示。可以尝试将透明度的数值调整为其他值进行测试。
针对以上可能的原因，可以尝试以下解决方案：
- 使用其他颜色值：尝试使用其他颜色代码或命名的颜色值，确保其在Safari中能够正常显示。
- 使用RGB颜色值：可以尝试使用RGB颜色值代替#e67d22e1。例如，将#e67d22e1转换为RGB颜色值(230, 125, 34)。
- 使用不透明颜色：将#e67d22e1中的透明度部分("e1")移除，尝试使用不带透明度的颜色值。
- 检查Safari版本：确保使用的是最新版本的Safari浏览器。较旧的版本可能存在一些颜色解析问题，升级到最新版本可能会有所改善。
需要注意的是，以上解决方案仅供参考，具体解决方法可能会根据实际情况有所不同。如果问题仍然存在，建议查阅Safari官方文档或向Safari技术支持咨询，以获得更详细和准确的解决方案。
相关·内容
我正在尝试在CSS中实现一个简单的color属性，它在移动Google Chrome (Galaxy S10)中工作得很好，但在mobile Safari (iPhone X)中就不行：
input[type="text"], input[type="password"], textarea, select {
color: #777;
}
使用此颜色可以在除Safari之外的所有浏览器上显示漂亮的深灰色。Safari将其转换为不可读的白色。我已经检查过CSS，它拉出的颜色是相同的，所以我不确定为什么颜色显示不同。我试过使用完全合格的颜色#777777和
浏览 0提问于2019-09-19得票数 2
我只是定制我的网站部分，并决定改变高亮颜色。在基于铬的勇敢浏览器( Browser )中，颜色被视为意料之外的颜色，但我随后在Safari上查看了颜色看起来不同的地方。
这是我的CSS中的代码片段：
::selection {
color: black;
background-color: #aaaaff;
}
::-moz-selection {
color: black;
background-color: #aaaaff;
}
提供了详细说明差异的图片。
勇敢的浏览器(正确)
Safari
有谁知道为什么会发生这种情况，以及如何修复，使高亮
浏览 4提问于2021-05-31得票数 3
回答已采纳
1回答
Safari不显示锚点标记内的svg图标的访问颜色。 链接文本显示访问的颜色，但svg图标不显示。当我在safari中检查svg时，它显示它应该具有从链接继承的访问颜色： ? 如果我检查来自检查器的计算样式，它还显示它应该具有访问过的颜色： ? 可以让Safari为svg图标显示访问过的颜色吗？ Safari版本:版本14.1.1 (16611.2.7.1.4)
浏览 36提问于2021-06-24得票数 0
回答已采纳
1回答
正如您可能知道的，颜色显示不同的浏览器，无论它的CSS或某些图像。在做了一些研究之后，看起来Sketch、Firefox和Chrome (我在上)使用了sRGB配置文件。Safari和Finder似乎使用了其他的东西，它们的颜色也不同。我正试图在我的工作空间中建立一些一致性。
我的理解是Safari默认为OS颜色配置文件，即“彩色LCD”。切换到sRGB (我在“显示”>“颜色”列表中拥有的颜色列表以及我下载的颜色列表)会导致超级蓝/洗掉颜色。
如何让Safari使用sRGB？或者我不正确，这就是问题所在？我目前面临的部分挑战是为客户端设计一个CSS颜色调色板，但我不知道哪个浏览器更“正
浏览 4提问于2015-06-27得票数 4
我正在为一个使用自定义元素的应用程序而苦苦挣扎，该应用程序在Safari中无法正常工作。这是一个屏幕截图，Safari向v展示了它应该在chrome中显示的内容。它是在Macbook Air上拍摄的，尽管我最初是在iPad上发现这个问题的。 ? 然而，这个屏幕截图显示web检查器确实认为有一个元素的前景颜色是白色和不透明的(我是故意设置的)，即使没有显示任何内容。 ? 那么为什么Safari不显示元素呢？
浏览 51提问于2020-09-08得票数 1
5回答
如果没有显示颜色选择器，我想添加一个jquery颜色选择器回退。例如，chrome显示了一个颜色选择器，但是到目前为止，safari只显示了一个文本字段。有没有办法(没有用户代理)来检测颜色选择器是否可用？
编辑:现代是不好的，因为它只会说safari也支持它。Safari支持输入类型颜色，因为它不允许在输入框中输入#hex颜色以外的任何颜色。但是没有颜色选择器。我想知道是否有颜色选择器。
浏览 0提问于2012-12-10得票数 12
回答已采纳
。它看上去与我在Chrome中所期望的一模一样。Firefox和Safari看上去都不对。(我正在使用最新版本的所有3种产品。)
我正在研究一种在多个inline-block元素之间使用恒定梯度背景的方法。下面是它的工作原理：
我有一个父ol，它的:before伪元素有一个渐变背景(transparent到不透明颜色)和一个z-index设置来显示它在子li的上面。
lis的background-color设置为类似梯度的transparent值设置的颜色。
li的color设置为transparent，并具有:before伪元素，这些元素显示以前设置为transparent的文本
浏览 3提问于2014-10-10得票数 3
回答已采纳
由于某种原因，Chrome将#FF3A00呈现为#FF0000。我提供了一个来自的截图来说明这一点。Color Meter报告的颜色(以及我看到的颜色)与CSS显示的颜色不同。
其他颜色也会发生这种情况。例如，根据色表将#FFAF00呈现为#FFA400。
然而，在Safari和Firefox上渲染颜色没有问题。我用的是Mac电脑，使用Chrome 11、Safari 5和Firefox 5。
我相信有一个合乎逻辑的解释。有什么想法吗？
更新:我在Safari旁边附上了一张Chrome的截图，上面显示了完全相同的页面。我在Photoshop中查看了这张图片: Chrome中的颜色是#F00，S
浏览 0提问于2011-06-04得票数 83
回答已采纳
<div class=" backgroundimage"> </div>
.backgroundimage {
background: linear-gradient(rgba(191,0,0,1),rgba(191,0,0,1)),url(image) no-repeat center center;
background-position-y: 250px !important;
background-blend-mode: multiply;
}
这是我正在使用的代码。从一些研究中，我发现为了在图像上添加颜色覆盖，就是在
浏览 0提问于2018-06-14得票数 1
2回答
我正在尝试仅重定向桌面上的Safari浏览器。我有一个在标题的背景颜色匹配标题背景的视频。问题是OS上的Safari以不同的方式显示颜色。在iPad和iPhone的Safari上，颜色是正确的，与Chrome，即火狐浏览器相匹配。所以我做了一个不同的颜色背景来匹配Safari桌面上的视频，但是当我为Safari重定向浏览器时，它也会重定向iPad和iPhone，然后就会显示一个颜色问题。
var uagent = navigator.userAgent.toLowerCase();
if(/safari/.test(uagent) && !/chrome/.test(uagen
浏览 0提问于2017-10-10得票数 0
1回答
Safari中CSS旋转动画中断
、、、、
今天我在Safari偶然发现了一种奇怪的行为，我不知道是什么导致了这个问题。
当创建一个在特定模式下旋转SVG元素的动画时，在Chrome中所有的东西都运行得很好，Safari在每个动画步骤中只显示了SVG的一半。
当我从background-color: white;元素中删除.container时，一切正常。背景颜色是如何导致这种行为的？
下面是一个演示视频以及相应的JSFiddle：
JsFiddle:
Chrome (预期)：
Safari (意外)：
浏览 0提问于2018-12-15得票数 3
回答已采纳
1回答
I通过Sketch导出了四个内联SVG的代码，具有相同的笔画宽度和颜色，但是一个SVG在浏览器之间的行为不稳定&在Codepen.上的浏览器中。
-All svg的笔画宽度为“2”，但是twitter svg需要'4'的笔画宽度才能达到同样的效果(适用于Chrome、Firefox和Safari)
-All SVGs通过stroke=“#999999”是相同的颜色：
我的项目直接通过Chrome &Firefox查看: twitter svg笔画是正确的颜色
Chrome &Firefox上的代码示例: twitter图标明显更亮，笔画显示为#
浏览 4提问于2017-08-17得票数 0
1回答
图像在某些浏览器中不显示
、、、、
刚刚完成了第一个wordpress主题上传，并且在FF中工作正常，测试显示以下页面中的图像不能在safari和chrome中显示。
有人知道为什么吗？我根本看不出原因。
页面上的图像以FF、IE和Opera显示，而不是safari或chrome。
浏览 1提问于2009-06-10得票数 0
回答已采纳
我发现在某些CSS条件下，在Safari13(旧版macOS上的当前版本)中，链接的颜色在悬停时会变成透明(然后保持透明)。我猜这是一个bug，因为它不会在Safari14中发生。 这是触发此行为的CSS规则的组合： :root {
--my-color: color(display-p3 1 0 0);
}
* {
box-sizing: inherit;
}
a {
transition: all .15s linear;
color: var(--my-color);
}
a:hover {
text-decoration: none;
} 根据
浏览 18提问于2021-04-28得票数 0
我正在尝试让边框半径属性在Opera10.6中的字段集上正常工作，但它似乎不能正常工作。
下面是html：
<form method="post" action="character.php" class="form">
<fieldset>
<legend>Insert</legend>
<label for="txtCharacter">Character</label>
<input type
浏览 0提问于2010-08-12得票数 2
回答已采纳
1回答
有没有什么原因，为什么我的背景颜色没有出现，但所有其他背景属性都在Safari中...我正在使用更少的。
示例：
1)这不会将Safari中的背景渲染为颜色：
background: @lightGray url(/assets/project_title_icon.svg) no-repeat 0 0;
2)这会将Safari中的背景渲染为颜色：
background: url(/assets/project_title_icon.svg) no-repeat 0 0;
background-color: @lightGray;
浏览 0提问于2013-11-13得票数 2
似乎人们通常想摆脱浏览器焦点大纲，这就是为什么我找不到这个问题的答案。
我试图显示一个轮廓，也改变了锚标签的颜色后，他们已经被点击。以下代码在Chrome和火狐上正常工作，但在Safari (例如，在Safari8.0 (10600.1.25.1)上)上工作，我只看到单击时颜色发生变化，然后返回到原来的颜色。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
a:focus {
color:red;
outline-style: dotted;
outline
浏览 4提问于2015-01-27得票数 3
回答已采纳
2回答
我在这个网站上遇到了一个问题:除了safari，所有的浏览器都可以使用。正如你所看到的，在safari中，法拉利附近有两行不同的红色，这是因为safari不会读取我用来保持汽车图像相同红色的背景图像1x1px (我使用图像是因为汽车包含了颜色配置文件，所以颜色代码是不同的)。
有人知道为什么吗？
结构是这样的
<div class="background_color">
<div id="car_in_background">
</div>
</div>
使用像这样的css：
.backg
浏览 0提问于2013-09-24得票数 1
我最近更新了Safari 7.0.2 (和Maverick一起出现)，并注意到我的网页上的颜色发生了重大变化。也就是说，灰色色调更暗，css生成的渐变显示丑陋的步骤，不再流动。Maverick下的Chrome颜色仍然相同，不再与Safari相提并论。所以我必须定义不同的CSS颜色才能在Chrome和Safari上有相同的结果？真奇怪。从来没有这样的问题，不同的颜色，甚至在其他浏览器(火狐等，所有相同)。
www.stefanseifert.com
也许我需要补充的是，我使用的是自定义监视器颜色配置文件。
编辑：感谢Unmut的快速回答和你的兴趣！你给我看的东西很有趣，其实我不知道。倾斜了什么东
浏览 3提问于2014-04-01得票数 0
我不明白为什么IE会显示下面的网站，每个框架都封装了链接的颜色：
这在Chrome和Safari中不会发生。有人能帮我解释一下这件事吗？
诚挚的问候
浏览 0提问于2012-01-09得票数 0
1回答
在我主页的顶部栏上，我把公司的电话号码和白色的文字颜色连在了一起。它在我的桌面浏览器(火狐和Chrome )上呈现白色，在我的Droid手机上呈现白色，而在我的iOS手机上呈现深灰色。为什么在Safari上会发生这种事？为什么Safari显示的电话号码文本的颜色不同于我的桌面浏览器和Droid电话上显示的颜色？以下是我的HTML代码：
<div class="col-md-9">
<ul class="some-info font-montserrat">
<li><i class="fa fa
浏览 3提问于2016-01-12得票数 2
回答已采纳
我的画布渲染在铬上显示正确的颜色，但在safari和移动浏览器上只显示黑色形状。
下面是我如何构造填充字符串：let fillStr = `rgb(${fill.r * 256},${fill.g * 256},${fill.b * 256})`;
浏览 1提问于2018-09-26得票数 0
回答已采纳
我刚买了一台新的macbook，所以我又开始使用safari了。我只是注意到，当我点击Safari中的navbar品牌时，悬停的颜色只会停留在导航条品牌上。另一方面，在Chrome，它保持悬停的颜色后，点击，直到我点击其他地方。
这里有一个例子--在Safari和Chrome中尝试一下:点击navbar品牌，然后将鼠标移出它。在Safari中，悬停颜色将消失。在Chrome中，悬停颜色将保持不变，只有在您单击其他地方之后，它才会消失。
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/simplex/bo
浏览 0提问于2017-01-12得票数 0
回答已采纳
2回答
我怎么也搞不懂为什么视频右侧顶部滑块上的灰色背景在safari中没有显示出来。css看起来很好，可以在其他浏览器中使用。有没有人有个好主意？谢谢，，这是Safari5.1.7。
浏览 0提问于2013-03-12得票数 0
回答已采纳
1回答
我正在开发一个可以通过三种浏览器浏览的网站-- Chrome、FireFox和Safari (桌面和iPad)。
我正在尝试更改所有浏览器上禁用字段的颜色，因此我一直在使用以下代码：
input:disabled {
color: black;
}
<input value="testing" disabled></input>
我希望禁用文本的颜色显示为黑色。这在Chrome和FireFox上运行得很好，但在Safari中，它仍然显示为灰色。有没有人能就如何在Safari中更改这个字段给出任何建议？
浏览 25提问于2019-07-18得票数 0
1回答
我有四列表，名为col1，col2，col3，col4。这些列具有不同的颜色。col1具有工具提示链接。将光标指向链接时，将显示工具提示以及要更改的行的背景图像。整个表格只有一个背景图像。
我尝试了以下代码，但在Chrome和Safari中，它对所有4个col显示相同的颜色(第一个col的颜色)。
$(function() {
$('td:first-child a').hover(function() {
$(this).closest('table.benefitstable tbody tr').toggleClass("highlight
浏览 1提问于2011-12-31得票数 0
1回答
谁能解释一下，为什么我在Chrome、火狐和Safari中看到了#49287 c(或rgb(73,40,124))的颜色差异？
像描述的那样，它必须对颜色配置文件做什么吗？
PS -在macOS上使用Chrome、Firefox、Safari和制作的屏幕截图
浏览 11提问于2017-04-13得票数 1
下面是我在Safari中体验到的一个bug的最小模型。
预期行为：代码应该在另一个图像加载时显示占位符，然后在删除占位符时淡入该图像。
placeholder -> fading in loaded image
实际行为：在Chrome和Mozilla中按预期工作，但在Safari中失败，结果如下：
placeholder -> white screen -> loaded image
有人能帮我弄清楚为什么在Safari发生这种事吗？(试着在chrome或mozilla vs safari中运行下面的示例来查看自己。)
const image = new Image(
浏览 0提问于2018-01-26得票数 4
回答已采纳
1回答
我在DIV中有一个选择标签。我将color:#000设置为DIV，但SELECT标记中显示的内容是蓝色的，这是用于select标记的iOS/Safari的用户代理样式表。我认为SELECT的颜色应该从它的父DIV标签继承，因为颜色是inevitable.Could，有人告诉我原因吗？
样本代码：
div {
color:#000
}
<div>
<select>
<option value="202211">202211</option>
</select>
</div>
当使用
浏览 11提问于2022-11-22得票数 2
我为一个接受用户输入的控件使用了占位符。 如果占位符为空，则显示占位符。 我想让每一个输入用一个跨度分隔。 我尝试将跨度分隔符的颜色与输入的占位符颜色进行匹配。 input {
width:30px;
border:none;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: red;
}
/*this doesn't work */
input::-webkit-input-placeholder+span { /* Chrome/Opera/Safari */
浏览 11提问于2019-06-12得票数 0
回答已采纳
1回答
我有一个MAC从机通过Java WebStart连接到我的Jenkins主站(SSH不工作)。我有一个名为'qalab‘的管理员用户，他已经登录到m/c (它从不睡觉)。节点系统信息显示为给定的图像。
现在，我需要通过Selenium启动Safari浏览器。每当我使用Safari运行测试时，我都会得到以下异常
java.lang.IllegalStateException:预期的Safari数据目录不存在: /Users/null/Library/Safari
(Chrome和Firefox运行良好)
Selenium在/Users/ user.name /Library/S
浏览 2提问于2014-04-03得票数 0
回答已采纳
因此，我知道有些浏览器根据系统设置纠正图像中的颜色，并且浏览器如何做到这一点。但是，当样式表中指定的颜色在同一系统上的不同浏览器中出现时，我感到非常惊讶。
使用最新的Safari和Firefox，如果我用background: #885500绘制div，就会得到一个带有该颜色的框(由本地DigitalColor Meter应用程序确认)：
📷
但是，当我在同一个系统上加载相同的Chrome页面(Mac12.0.742.91版)时，一个带有默认“彩色液晶显示”配置文件集的MacBook Pro会得到一个明显不同的颜色框(DigitalColor Meter报告#a34d00-much更红，而不是
浏览 0提问于2011-06-14得票数 11
回答已采纳
1回答
我使用在滚动页上隐藏/显示导航条。效果很好。在滚动，导航有一个坚实的背景颜色，当导航是在顶部，背景应该是透明的。Chrome没有问题，但Safari有问题。
标记：
<header class="headroom navigation">
<div> class="navigation__bg">...</div>
</header>
CSS:
.headroom--not-top {
.navigation__bg {
background-color: red;
}
}
.headro
浏览 4提问于2017-10-06得票数 0
回答已采纳
似乎最近(在第15版？)Safari for macOS改变了它在视口之外选择背景色的方式，即只有在窗口的边框上/下面滚动时页面上的部分才可见的颜色。我发现这个颜色是由<meta>标签决定的，如果它存在的话，它的名称是"theme-color"。但是，如果theme-color元标记不存在，我不知道页面的哪个部分控制这个颜色。具体来说，我不明白为什么上的这个颜色是蓝色的。
我使用Safari版本15.4 (17613.1.17.1.13)，macOS蒙特雷(12.3.1)。
浏览 8提问于2022-04-11得票数 3
1回答
出于某种原因，OSX和iOS上的Safari忽略了按钮上的颜色属性。按钮是在弹出模式内，如果这可能会改变任何事情。
请检查所附的截图。第一个显示活动CSS规则，第二个显示计算样式。很明显，颜色属性的活动规则是#fff，但是计算有点黑--继承自体色。
我想我可以尝试手动将-webkit文本填充颜色设置为我想要的任何值，但问题是-为什么忽略颜色属性并错误地计算/显示？
编辑:我逐渐意识到，在按钮上，文本的颜色并不会被忽略，在许多其他地方也是如此。一些div中的文本也是跨的，甚至是输入占位符。所有文本颜色都是从body元素继承的。所有其他浏览器都很好，即使在OSX/iOS上也是如此。我很困惑..。
浏览 1提问于2019-11-13得票数 0
1回答
html5视频字幕位置+全屏
、、、、
我想做一个同时有多个文本的HTML5视频。文本应该显示在不同的位置上的视频(在同一时间)与不同的css布局(文本颜色，字体，阴影)我尝试了这个教程的问题是，我不能在全屏看到的文本。文本大小也应该调整到视频的大小，所以如果视频是全屏的，文本应该更大。有没有人有我该怎么做的教程或例子？它应该可以在Chrome，Firefox，IE，Safari (iOS)等浏览器中运行谢谢你的帮助
浏览 3提问于2014-09-12得票数 2
我的按钮在:悬停时更改其颜色，请参见：
button {
background-color: orange;
}
button:hover {
background-color: darkorange;
}
示例：
在桌面上工作很好，但是在移动上--其中:鼠标悬停不应该存在--浏览器*仍然会改变颜色，但是在触摸按钮之后。
为什么会有这种行为？我是不是遗漏了什么？是什么让人认为在移动浏览器上实现(部分)：悬停是有意义的？
是否有一个好的和干净的解决方案(最好没有媒体查询或JavaScript)？
*在Chrome (“设备模式”)和iOS Safari中进行测试。
浏览 0提问于2019-07-29得票数 3
回答已采纳
我的iOS设备更老了，所以在Safari中有些颜色没有显示出来。我不知道为什么，但我猜这是因为顺风将文本颜色或背景色设置为使用rgb，但使用的是/opacity-value：
使用class="text-blue-600"创建要应用的CSS：
.text-blue-600 {
--tw-text-opacity: 1 !important;
color: rgb(37 99 235/var(--tw-text-opacity)) !important;
}
或者执行class="bg-gray-200"会导致应用此CSS：
.bg-gray-2
浏览 37提问于2022-02-22得票数 3
回答已采纳
每当DOM更新时，在Safari OSX和iOS中，当css color属性与指针事件属性一起使用时，我遇到了这个问题。 考虑下面这些简单的代码： HTML： <div class="test">
Click Me!
</div>
<div class="ux-capacity-variant v-normal-bottom v-normal-right disabled" >
<div class="show-for-medium-up section-header text-center
浏览 44提问于2021-07-19得票数 2
回答已采纳
Safari将border-color:transparent视为压倒border-image，而在Chrome和Firefox中则相反。(如果border-color是一种不透明或半透明的颜色，则Safari与其他颜色一致。rgba(0,0,0,0)的行为与transparent相同。我不知道IE做什么。)具体来说，这个片段：
#wrapper { background-color: red; }
#test {
border-width: 10px;
border-style: solid;
border-color: transparent;
border-image
浏览 6提问于2016-09-26得票数 3
回答已采纳
在我的CSS中，我定义了一个类的转换。由于某种原因，当我将鼠标悬停在带有转换的类上时，transition-duration出于某种原因改变了其他地方的字体颜色(表单占位符和某些链接)。(据我所知，这种情况只发生在Safari中。)
这是一个jsFiddle，它显示了我正在谈论的内容：
有没有人知道为什么会发生这种情况，以及我如何防止这种情况发生？
浏览 0提问于2011-10-31得票数 20
回答已采纳
1回答
网站应具有与视频相同的背景色。
、、、、
我有一个网站，里面有HTML5 5视频。这个网站应该和视频有相同的背景颜色，所以我把网站的背景设置为和视频一样的HEX代码。这在Chrome中看起来很好，但在Safari中，视频有另一个背景颜色作为网站，这看起来很难看。我能做什么?谢谢!
来自Chrome的屏幕截图，应该是
来自Safari的截图，因为它不应该是
浏览 1提问于2014-11-10得票数 0
回答已采纳
我们公司使用Macbook Pro作为开发机器，配备外部显示器。
最近，Chrome53开始在PHP/Javascript web应用程序中显示错误的颜色，当显示在外部显示器上时。
如果将Chrome拖动到内部MacBook专业版屏幕，则不会出现颜色问题。
Safari、Opera或Firefox中未出现颜色问题。
这在2台笔记本电脑上发生了。有谁有关于原因或潜在解决方案的提示吗？
浏览 1提问于2016-09-22得票数 2
我试图在<select>元素background-color上设置:hover的样式，同时保持<option>下拉列表的样式不变。在我看来，这个问题只发生在Firefox中，而不是在Chrome/Safari中。
这将是代码片段。请注意，我不想让下拉列表受到火狐背景色的影响。此外:不仅背景颜色变化。边界也在变化。当我给选择一个背景颜色时，整个“本地人”的外观就会消失。
select {
background-color: red;
}
<select><option>Option</option></select>
浏览 9提问于2022-01-07得票数 0
我有两个自定义元素：
<name-card data-color="#000000"></name-card>
<name-card data-color="#80B88C"></name-card>
我将把它们的data-color应用到样式中。从我之前提出的如何获取cssRules的问题中，我得到了答案，并将其添加到attachedCallback()中以进行动态更改。
但是，它只是在铬上显示正确的颜色，其他浏览器应用了最后的颜色，这是#80B88C到两者。
我在attachedCallback()中检查了循环
浏览 0提问于2016-09-30得票数 3
我知道多个 关于在Safari中使用transparent作为颜色值的问题，并且需要使用rgba(255, 255, 255, 0)作为替代，但它不适合我。我使用渐变作为“显示更多”淡入淡出，它有一个深灰色的背景，而且在Safari中渐变看起来仍然不平滑：
在Chrome中：
演示：
:after渐变为background-image: linear-gradient(rgba(255,255,255,0) 0%, #2b2b2b 100%)，部分背景颜色为#2b2b2b。我需要使用什么来代替渐变？
浏览 0提问于2017-10-18得票数 1
我在Google Chrome上设计了，它显示得很好。然而，如果你在Safari Mac上检查它(Safari Windows显示得很好)，它有一条奇怪的垂直线：
这条线看起来像是白色区域的透明度(如果我改变背景颜色，它就会改变线的颜色)。另一件有趣的事情是:在标题处有一个水平偏移(线条被剪切并移到页面的左侧)……一个提示？
我检查过元素了，但我找不到任何理由。
有什么帮助吗？
浏览 0提问于2013-01-24得票数 3
回答已采纳
我正在测试Safari和Chrome在桌面和移动设备上的交叉兼容性。我为字体颜色设置了一些相对简单的东西。
/* JS inline style...something along the lines of this */
const style = {
color: 'black',
WebkitTextFillColor: 'black',
}
<input style={style} value={1}/>
文本显示为黑色桌面Chrome和Safari。不过，它在移动Chrome和Safari上显示为灰色。这是怎么回事？
浏览 1提问于2017-02-23得票数 1
回答已采纳
1回答
我非常失望，我的3小时模板设计是不兼容的跨浏览器。为什么会这样呢？因为我的标题背景色在IE中显示不正确：
起初，我认为这个问题是由对Internet的填充/保证金或其他度量标准的错误阅读造成的(但是，我检查了一下，这些指标都很好)。
唯一的问题是IE在某种程度上修改了我的标题的背景颜色。
注意：这个问题只发生在Internet上(我已经在Chrome、FF、Opera和Safari上测试过)
这是一个截图：
我不知道为什么，但下面是CSS：
#header{
background:#5BA2D9 url('./images/header_bg.png') repeat
浏览 1提问于2011-12-18得票数 4
回答已采纳
3回答
我已经编写代码在运行时使用Javascript更改颜色。它在桌面和Andriod移动电话上工作得很好，但是它不能在IPhone 5和6上工作，我还在桌面上测试过Safari --它在桌面Safari上工作得很好，但是在Iphone上却不起作用。
谢谢
浏览 7提问于2015-04-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
