gpt4 book ai didi

我的按钮的 HTML 文本颜色显示不正确

转载 作者:太空宇宙 更新时间:2023-11-04 13:45:16 27 4
gpt4 key购买 nike

我是 n00b,所以对我放宽点。 :)

现在我被卡住了,因为我需要弄清楚为什么两个命名按钮(ResumePrograms)的文本颜色不是白色。这些按钮位于 outerdiv 类的 div 中;因此他们应该继承属性 font-color: #FFFFFF。但显然他们没有这样做,因为字体仍然是黑色的。

请解释纠正此问题的 HTML 逻辑。

代码:

<html>
<head>
<title>my site</title>


<style type="text/css">
p
{
font-family: Arial;
color: #FFFFFF;
}
#mtx_bckgd
{
font-family: "Courier New";
height: 750px;
width: 1000px;
position: absolute;
z-index: -1;
background: linear-gradient(180deg, #39275b, #FFFFFF);
}
#mtx_bckgd > p
{
word-wrap: break-word;
color: #D8D8D8;
overflow: hidden;
}
#headerbox
{
height: 50px;
top: 25px;
left: 5px;
}
h1
{
color: #FFFFFF;
font-weight: 400;
text-align: center;
margin: auto;
padding: auto;
text-shadow: 2px 2px rgb(51,51,51);

}
#navbar
{
top: 120px;
left: 5px;
width: 1000px;
height: 30px;
}
#uwlogo
{
height: 50px;
float: left;
}
#JaminWEB
{
margin: 0px auto;
}
.navbutton
{
width: 33%;
height: 25px;
background-color: rgba(51,51,51,0.5);
margin: 0px;
padding: 0px;
}
#footer
{
top: 800px;
}
.outerdiv
{
position: absolute;
font-family: Arial;
width: 1000px;
border: solid 2px #FFFFFF;
background-color: rgba(215,169,0,0.5);
margin: 0px;
padding: 0px;
font-color: #FFFFFF;
}

</style>
<script type="text/javascript">
function change_bckgd()
{
var bitstr = "";
for (var i = 0; i < 4000; ++i)
bitstr += Math.floor(Math.random() * 10) % 2 ? "0" : "1";
document.getElementById("mtx_txt").innerHTML = bitstr;

}

</script>


</head>
<body>
<div id="mtx_bckgd">
<p id="mtx_txt"></p>
</div>
<div class="outerdiv" id="headerbox">
<div id="uwlogo">
<img src="C:\Users\XXXXXX\Desktop\uwlogo.png" height="50px">
</div>
<div id="JaminWEB">
<h1>JaminWEB</h1>
</div>

</div>

<div class="outerdiv" id="navbar">
<input type="button" class="navbutton" value="Resume"/>
<input type="button" class="navbutton" value="Programs"/>
<input type="button" class="navbutton"/>



<div class="outerdiv" id="footer">
<p>Last modified: March 21st, 2014</p>
</div>
<script type="text/javascript">
setInterval(change_bckgd, 200);
</script>
</body>
</html>

最佳答案

首先,在您的 .outer-div 规则中,您有 font-color 这不是属性,它只是 color。但如果你更正它,你会看到文本仍然是黑色,默认颜色。这是因为浏览器因在呈现表单控件时出现问题而臭名昭著。

作为MDN says :

CSS font and text features can be used easily with any widget (and yes, you can use @font-face with form widgets). However, browsers' behaviors are often inconsistent. By default, some widgets do not inherit font-family and font-size from their parents. And many browsers use the system default appearance instead.

解决此问题的最简单方法是将 color:inherit;color:white 添加到您的 .navbutton

jsFiddle example

关于我的按钮的 HTML 文本颜色显示不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22567063/

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