如何改變文字顏色股利不改變邊框顏色

<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

如何改變文字顏色股利不改變邊框顏色

回答

相關問題