Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何覆盖输入文本框上的默认样式_Html_Css - Fatal编程技术网

Html 如何覆盖输入文本框上的默认样式

Html 如何覆盖输入文本框上的默认样式,html,css,Html,Css,我有如下默认样式: input[type="text"] { width: 250px; } 现在我有一个输入框,我想有450的宽度,我如何才能做到这一点 我试过: #searchbox { width: 450px; } <input type="text" value="" name="asb" id="searchbox"> #搜索框 { 宽度:450px; } 但这不起作用。只需确保您的规则比默认规则更具体,如下所示: input[type="text"]#s

我有如下默认样式:

input[type="text"] 
{ width: 250px; }
现在我有一个输入框,我想有450的宽度,我如何才能做到这一点

我试过:

#searchbox 
{

width: 450px;
}


<input type="text" value="" name="asb" id="searchbox">
#搜索框
{
宽度:450px;
}

但这不起作用。

只需确保您的规则比默认规则更具体,如下所示:

input[type="text"]#searchbox {
    width: 450px;
}

@布兰克曼:没有;这将查找#searchbox的输入[type=“text”]后代。