2015-12-03 66 views
1

我無法編輯使用CSS的按鈕。不管我做什麼,我可以改變的只是字體的顏色(我只嘗試過顏色和字體重量)。有沒有原因,我不能使用CSS來操縱HTML元素?無法使用CSS格式化HTML表單元素(標籤和輸入)

#login-frame { 
 
\t color: #900; 
 
} 
 

 
#login-text { 
 
\t font-weight: bold; 
 
}
<td> 
 
\t <label id="login-frame" for="login-text"> 
 
\t <input value="Log In" tabindex="4" id="login-text" type="submit"> 
 
\t </label> 
 
</td>

+0

你到底想幹什麼? –

+0

可能dublicate - http://stackoverflow.com/questions/21664610/cant-style-text-on-input-submit-button-as-bold –

+0

也許一些下面的CSS重寫你的風格。嘗試在屬性定義之後添加'!important':'#login-text {color:red!important; }' – userlond

回答

1

您需要設置appearance: none,與相關供應商前綴。

#login-frame { 
 
\t color: #900; 
 
} 
 

 
#login-text { 
 
     -webkit-appearance: none; 
 
     -moz-appearance: none; 
 
     appearance: none; 
 

 
\t font-weight: bold; 
 
}
<td> 
 
\t <label id="login-frame" for="login-text"> 
 
\t <input value="Log In" tabindex="4" id="login-text" type="submit"> 
 
\t </label> 
 
</td>

0

你給錯在類的顏色代碼爲

#login-frame 
{ 
    color:/* #900;*/ 
} 

把這個類

#login-text 
{ 
    color: #990000; 
    font-weight: bold; 
} 
0

你做了什麼錯:

你申請顏色家長不要孩子,你可以使用

  • 登錄文本顏色{}

  • 登錄框輸入{顏色....}

  • 登錄幀#登錄文本{色....}

注:您已經瞭解CSS工作

  • 如何如果你不得不從父應用樣式的孩子,然後使用父[空格]孩子

  • 如果你想應用樣式的孩子直接然後使用該元件

實施例1的類或ID:#登錄文本{顏色}

#login-text { 
 
\t font-weight: bold; 
 
    color: #900; 
 
}
<td> 
 
\t <label id="login-frame" for="login-text"> 
 
\t <input value="Log In" tabindex="4" id="login-text" type="submit"> 
 
\t </label> 
 
</td>

實施例2:#登錄幀輸入{顏色....}實施例2中也可以使用

登錄幀輸入#登錄文本

#login-frame input{ 
 
\t color: #900; 
 
} 
 

 
#login-text { 
 
\t font-weight: bold; 
 
}
<td> 
 
\t <label id="login-frame" for="login-text"> 
 
\t <input value="Log In" tabindex="4" id="login-text" type="submit"> 
 
\t </label> 
 
</td>

實施例3:#登錄幀#登錄文本{color ....}

#login-frame #login-text{ 
 
\t color: #900; 
 
} 
 

 
#login-text { 
 
\t font-weight: bold; 
 
}
<td> 
 
\t <label id="login-frame" for="login-text"> 
 
\t <input value="Log In" tabindex="4" id="login-text" type="submit"> 
 
\t </label> 
 
</td>