相关疑难解决方法(0)
禁用输入文本颜色
下面的简单HTML在Firefox和基于WebKit的浏览器中显示不同(我在Safari,Chrome和iPhone中检查过).
在Firefox中,边框和文本都具有相同的颜色(#880000),但在Safari中,文本变得更轻(就好像它应用了一些透明度).
我可以以某种方式解决此问题(在Safari中删除此透明度)？
更新:
谢谢你的回答.我不再需要这个用于我的工作(而不是禁用我input用样式div元素替换元素),但我仍然好奇为什么会发生这种情况,如果有任何方法可以控制这种行为......
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
input:disabled{
border:solid 1px #880000;
background-color:#ffffff;
color:#880000;
}
</style>
</head>
<body>
<form action="">
<input type="text" value="disabled input box" disabled="disabled"/>
</form>
</body>
</html>
80
推荐指数
推荐指数
7
解决办法
解决办法
7万
查看次数
查看次数
与背景相比,使用CSS拆分文本颜色
我正在努力实现以下目标,但真的很挣扎.我只是试图获得一个穿过文本的对角背景并改变我选择的颜色.
我试过使用css混合混合模式,但它只是对比我的颜色,而不是选择分成两种不同的颜色.
* {
margin: 0;
padding: 0
}
header {
overflow: hidden;
height: 100vh;
background-color: #FFF;
background-image: -webkit-linear-gradient(30deg, #FFF 50%, #adf175 50%);
min-height: 500px;
}
h2 {
color: white;
font: 900 35vmin/35vh cookie, cursive;
text-align: center;
position: fixed;
top: 0px;
left: 20px;
mix-blend-mode: difference;
}
h2:after {
color: white;
mix-blend-mode: difference;
}<header>
<h2>On A Mission</h2>
</header>12
推荐指数
推荐指数
2
解决办法
解决办法
813
查看次数
查看次数