Html 如何将td添加到css输入样式及其标签？

我想在表中添加一些输入，以满足对齐需要。 但这种风格不起作用，于是停止了。 如何将td添加到此css样式。 例如，类似这样的内容：

                <p>Stuff you like:</p>
            <table>
                <tr>
                    <td>
                        <label for="css3">CSS3</label>
                    </td>
                    <td>
                        <input type="checkbox" value="css3" id="css3" /> 
                    </td>
                </tr>
            </table><!-- It does not work-->


            <p><input type="checkbox" value="HTML5" id="html5" />
<label for="html5">HTML5</label></p>
            <p><input type="checkbox" value="JavaScript" id="javascript" />
<label for="javascript">JavaScript</label></p>
            <p><input type="checkbox" value="Other" id="other" /> 
<label for="other">Other</label></p>
<!--But it work-->

/*CSS*/
input:hover + label, input:focus + label,
input + label:hover, input:focus + label{
text-shadow: 1px 1px 3px #000;
color: #2C7AD0; 
}

你喜欢的东西：

CSS3

HTML5


JavaScript


其他

/*CSS*/
输入：悬停+标签，输入：焦点+标签，
输入+标签：悬停，输入：焦点+标签{
文本阴影：1px 1px 3px#000；
颜色：#2C7AD0；
}

使用jquery检查此代码

var option = {
  x:      1, 
  y:      2, 
  radius: 3,
  color:  "#ccff00"
}

$("#yourelems").textShadow( option );
$("#yourelems").css("color","red");

---

使用jquery检查此代码

var option = {
  x:      1, 
  y:      2, 
  radius: 3,
  color:  "#ccff00"
}

$("#yourelems").textShadow( option );
$("#yourelems").css("color","red");

---

你的HTML代码在哪里？看起来怎么样？你所尝试的不会给你带来结果。您是将输入放入标签标签还是倒置？这就是CSS代码的外观。而且“+”肯定只在javascript中使用，而不是CSS

由于您还没有发布HTML，我只能猜测，但是您的CSS应该看起来像：

input:hover label, input:focus label,
input label:hover, input:focus label {
text-shadow: 1px 1px 3px #000;
color: #2C7AD0; 
}

或者很可能

更新（使用此选项，此选项应有效）：

---

你的HTML代码在哪里？看起来怎么样？你所尝试的不会给你带来结果。您是将输入放入标签标签还是倒置？这就是CSS代码的外观。而且“+”肯定只在javascript中使用，而不是CSS

由于您还没有发布HTML，我只能猜测，但是您的CSS应该看起来像：

input:hover label, input:focus label,
input label:hover, input:focus label {
text-shadow: 1px 1px 3px #000;
color: #2C7AD0; 
}

或者很可能

更新（使用此选项，此选项应有效）：

---

使用表标记时，

标签

元素与任何选择器都不匹配。

标签

和

输入

元素根本不是同级元素。你需要一些完全不同的东西。以下内容适用于“悬停”部分，并带有常见的CSS警告：

tr:hover label { ... }

---

关于“焦点”部分，由于结构限制，恐怕不能使用纯CSS：不能使元素的焦点状态影响元素之前的渲染。为此，您需要使用JavaScript。

使用表标记，

标签

元素与任何选择器都不匹配。

标签

和

输入

元素根本不是同级元素。你需要一些完全不同的东西。以下内容适用于“悬停”部分，并带有常见的CSS警告：

tr:hover label { ... }

---

关于“焦点”部分，由于结构限制，恐怕不能使用纯CSS：不能使元素的焦点状态影响元素之前的渲染。你需要使用JavaScript来实现这一点。

你想用JavaScript（jquery）或html来实现这一点吗？你想用JavaScript（jquery）或html来实现这一点吗？@Mohamed Reheem：是的，谢谢你发布html！你看，你的输入标记和标签标记彼此不在一起，所以它们不是父子相关的。因此，您只需要用逗号分隔它们，因为它们处于同一级别。。。知道了？所以，第二个CSS在我的帖子是正确的一个为您。。。让我知道，如果它对你有用的话！：）@Mohamed Reheem：请参见第二个CSS示例中的更新。它不起作用：（如果您测试原始css样式，您将感觉difference@MohamedReheem：是的，谢谢你发布HTML！你看，你的输入标签和标签标签不在一起，所以它们没有父子关系。因此你只需要用逗号分隔它们，因为它们在同一个级别上…明白了吗？那么，我的第二个CSS帖子是适合你的…让我知道，如果它对你有用！：）@Mohamed Reheem：请查看第二个CSS示例中的更新它不起作用：（如果你测试原始CSS样式，你会感觉到不同