无法使用CSS格式化html表单元素（标签和输入）

Question

我在使用CSS编辑按钮时遇到问题。无论我做什么，我所能改变的只是字体的颜色（我只尝试了颜色和字体重量）。我有理由不能使用css操作html元素吗？

#login-frame {
	color: #900;
}

#login-text {
	font-weight: bold;
}

<td>
	<label id="login-frame" for="login-text">
	  <input value="Log In" tabindex="4" id="login-text" type="submit">
	</label>
</td>

Answer 1

您需要使用相关的供应商前缀设置appearance: none。

#login-frame {
	color: #900;
}

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

	font-weight: bold;
}

<td>
	<label id="login-frame" for="login-text">
	  <input value="Log In" tabindex="4" id="login-text" type="submit">
	</label>
</td>

Answer 2

您已将错误类别中的颜色代码指定为

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

加入此课程

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

Answer 3

你做错了什么：

您正在为父母申请颜色而不是您可以使用的儿童

• 登录文本{颜色}

• 登录框架输入{color ....}

• login-frame＃login-text {color ....}

  

注意：您必须了解 css 的工作方式

     

  

• 如果您必须将样式从父级应用于子级，则使用父级[space]子级

  

• 如果您想直接将样式应用于子项，请使用该元素的class或id

  

示例1：＃login-text {color}

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

<td>
	<label id="login-frame" for="login-text">
	  <input value="Log In" tabindex="4" id="login-text" type="submit">
	</label>
</td>

示例2：＃login-frame input {color ....} 在示例2中您也可以使用

  

登录框输入#login-text

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

#login-text {
	font-weight: bold;
}

<td>
	<label id="login-frame" for="login-text">
	  <input value="Log In" tabindex="4" id="login-text" type="submit">
	</label>
</td>

示例3：＃login-frame＃login-text {color ....}

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

#login-text {
	font-weight: bold;
}

<td>
	<label id="login-frame" for="login-text">
	  <input value="Log In" tabindex="4" id="login-text" type="submit">
	</label>
</td>