input的CSS样式总是被用户浏览器代理

1.原来我用CSS的ID选择器老是被浏览器显示用户代理:

/*注释div#ssk {
    display: inline-block;
}*/

2.索性我直接去引用的外部CSS文件里面把上面的CSS注释掉调式备用,然后在HTML文件里面改成下面用html内联CSS样式表<div style="display: inline-block;">嵌入到HTML文档中,当让也要把样式ID删除,我也是先注释调好了再删除:

<!DOCTYPE html>
<html>
<head>
<!--注释:引用的外部CSS文件,把第1.的代码放到这个文件引用进来的,注意后面你的CCS文件目录地址<link rel="stylesheet" href="/style.css">-->
</head>
    <body style="background-color:PowderBlue;">
        <h1>我的主页</h1>

        <p style="font-family:verdana;color:red">极客日志</p>
        <p style="font-family:times;color:green">weich.Ee</p>
        <p style="font-size:30px">搜索</p>
        <div style="display: inline-block;"><!--<div id="ssk">就是注释这里原来我用的ID选择器老是用户代理-->
<input type="text" placeholder="请输入搜索内容" name="word" class="sk">
</div>
    </body>
</html>

总结:
很简单的,就是有时候自己想不到而已,我写的比较直白一点预防刚刚入门的网友也会用到,具体为什么老是被用户代理我也不知道,如有哪位知道的大佬在评论里面给我回复说明一下,反正这样目前的结果就是效果有了就行,又不是不能用是吧。。。
后续更新:我又发现在同一个CSS外部引用文件里面直接放两次一样的css样式也可以,懵逼了…
后续再更新思路越来越清晰了,可能是我注释太多,注释重叠也会出错

div#ssk {
    display: inline-block;
}
div#ssk {
    display: inline-block;
}

后续再更新思路越来越清晰了,可能是我注释太多,注释重叠也会出错如下类型:

/*div#ssk {
    /*display: inline-block;*/
}*/
div#ssk {
    display: inline-block;
}
注释里面有注释。。。我注意过这个问题,我又想注释更清晰一点而已,有可能就是这种有问题。