0

我想在表格中添加一些输入以满足对齐需要。但是这种风格不起作用并停止了。我如何将 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; 
}
4

3 回答 3

2

您的 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; 
}

或者很可能

更新（使用这个，这应该工作）：

input, input:hover, input:focus, label,
label:hover, label:focus {
text-shadow: 1px 1px 3px #000;
color: #2C7AD0; 
}
于 2012-04-18T09:05:57.197 回答
1

使用表格标记，该label元素与您的任何选择器都不匹配。和元素根本不是兄弟姐妹label。input你需要一些完全不同的东西。以下适用于“悬停”部分的常规 CSS 警告：

tr:hover label { ... }

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

于 2012-04-18T10:09:30.700 回答
0

使用 jquery 检查此代码

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

$("#yourelems").textShadow( option );
$("#yourelems").css("color","red");
于 2012-04-18T08:50:18.273 回答