选择子元素 - 输入标签问题

时间:2011-09-06 14:43:25

标签: html css

我有一个内部有几个元素的Div,一些主题共享一些常见属性,在我的情况下input[type="submit"] input[type="text"]分享border: 0; margin: 0px;

使用此代码,我无法将样式应用于两个输入标记。

知道我在这里做错了吗?感谢

#cse-search-box input[type="submit"] input[type="text"] /*Problem here*/
{
    border: 0;
    margin: 0px;
}
#cse-search-box input[type="text"]
{
    position:relative;
    top:-6px;
    height: 28px;
    padding: 0px !important; 
}
#cse-search-box input[type="submit"]
{
    cursor: pointer;
    background-color: Red;
    font-weight: bold;
    height: 30px;
}

2 个答案:

答案 0 :(得分:4)

你需要一个逗号:

#cse-search-box input[type="submit"],
#cse-search-box input[type="text"]
{
    /* ... */
}

答案 1 :(得分:2)

根据您的版本,您在input内选择了input

要修复,您需要用逗号分隔它们,并确保它们都遵循相同的选择器路径:

#cse-search-box input[type="submit"], #cse-search-box input[type="text"]