2015-12-03 64 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>