如何改变文字颜色股利不改变边框颜色

<div class = "signupsubmit">Continue</div> 
<style> 
.signupsubmit { 
     line-height: 32px; 
     position: absolute; 
     left: 36px; 
     top: 527px; 
     font-family: arial; 
     font-size: 17px; 
     font-weight: 600; 
     width: 137px; 
     height: 30px; 
     border-color: #00297A; 
     border-radius: 4px; 
     border: 1px; 
     border-style: solid; 
     background-color: #FFB630; 
     text-indent: 30px; 
     } 
</style>

我试图改变文字颜色为黑色，但保留边框颜色相同的，所以这是我做过什么如何改变文字颜色股利不改变边框颜色

<div class = "signupsubmit">Continue</div> 
<style> 
.signupsubmit { 
     line-height: 32px; 
     position: absolute; 
     left: 36px; 
     top: 527px; 
     font-family: arial; 
     font-size: 17px; 
     font-weight: 600; 
     width: 137px; 
     height: 30px; 
     border-color: #00297A; 
     border-radius: 4px; 
     border: 1px; 
     border-style: solid; 
     background-color: #FFB630; 
     text-indent: 30px; 
     color: white; <!-- NEW LINE OF CODE --> 
     } 
</style>

我做color:white ，但它也将边框颜色更改为白色。我想保持边框颜色为黑色。

来源

2015-10-18 Leo L.

@ kannan：不需要。速记'border'将'border-color'设置覆盖为默认值。所有需要的是将'border-color'移动到'border：1px'下，或者'border：1px'改变为'border-width：1px'。 – Harry

什么工作对我来说是使用shorthand语法边框属性组合成1线...

.signupsubmit { 
 
    line-height: 32px; 
 
    position: absolute; 
 
    left: 36px; 
 
    top: 527px; 
 
    font-family: arial; 
 
    font-size: 17px; 
 
    font-weight: 600; 
 
    width: 137px; 
 
    height: 30px; 
 
    border: 1px solid #00297A; 
 
    border-radius: 4px; 
 
    background-color: #FFB630; 
 
    text-indent: 30px; 
 
    color: white; <!-- NEW LINE OF CODE --> 
 
}

<div class = "signupsubmit">Continue</div>

来源

2015-10-18 05:18:31 Eric

结合您border到一个border:1px solid #00297A;

.signupsubmit { 
 
    line-height: 32px; 
 
    position: absolute; 
 
    left: 36px; 
 
    top: 527px; 
 
    font-family: arial; 
 
    font-size: 17px; 
 
    font-weight: 600; 
 
    width: 137px; 
 
    height: 30px; 
 
    border-radius: 4px; 
 
    border:1px solid #00297A; 
 
    background-color: #FFB630; 
 
    text-indent: 30px; 
 
    color:#fff; 
 
}

<div class="signupsubmit">Continue</div>

来源

2015-10-18 05:15:20 Akshay

这是为什么工作？ – 2015-10-18 06:23:18

不知道@torazaburo – Akshay

它看起来和我的代码完全一样，但改变了结果。 –

当您使用速记属性（例如border,全部）时，未指定的属性将设置为其默认（初始）值。在这种情况下，默认border-color是currentColor，它可以提取当前颜色 - 在本例中为white。您可以通过明确指定border速记属性规范中的颜色来解决此问题（如其他答案中的建议），或者仅将border: 1px;更改为border-width: 1px;。

有关如何速记特性，工作，请参阅MDN page：

未指定被设置为它的初始值的值。这听起来有点轶事，但它确实意味着覆盖了以前的设置值。

来源

2015-10-18 06:25:31

如何改变文字颜色股利不改变边框颜色

回答

相关问题