Question

这是我的CSS代码

    #imageUploadArea input
{
    width:70px;
    height: 20px;
    border-radius: 10px;
    border: 2px solid #777;
    float:right;
    clear:right;
}

我想要这个标签

<input type="button" value="submit" class="imagePickerBtn" id="imageUploadSubmit">

不要使用那些CSS代码

Answer 1

您可以尝试重写此选择器，如下所示

#imageUploadArea input:not(#imageUploadSubmit) { }

除了标识为#imageUploadArea

的按钮外，该选择器将为#imageUploadSubmit内的所有输入设置样式

Answer 2

此代码适用于我：

<!DOCTYPE html>
<html>
<body>
<style>
 .imageUploadArea
{
    width:70px;
    height: 20px;
    border-radius: 10px;
    border: 2px solid #777;
    float:right;
    clear:right;
}
</style>
<input type="button" value="submit" class="imageUploadArea" id="imageUploadSubmit">

</body>
</html>

Css代码必须不适用于标记

2 个答案: