input清除默认样式及兼容问题的解决方法

最新推荐文章于 2024-01-23 18:07:54 发布

Lewis_1993

最新推荐文章于 2024-01-23 18:07:54 发布

阅读量2.1w

点赞数 5

分类专栏： css

本文链接：https://blog.csdn.net/Levis_1993/article/details/46939695

版权

css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
<style>
input{
   background:none;
   outline:none;
   border:0px;
}
.search_box{
   width:210px;
}
.search_input{
   height:30px;
   padding:0 5px;
   line-height:30px\9;
   width:136px;
   border:2px solid #FF8C00;
   float:left;
}
.search_btn{
   width:60px;
   height:34px;
   color:#FFF;
   background-color:#FF8C00;
}
</style>
</head>
<body>
    <div class="search_box">
        <input type="text" class="search_input">
        <input type="button" class="search_btn" value="搜索">
    </div>
</body>
</html>

Lewis_1993

关注

5
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
input清除默认样式及兼容问题的解决方法

Documentinput{ background:none; outline:none; border:0px;}.search_box{ width:210px;}.search_input{ height:30px; padding:0 5px; line-height:30px\9; width:136px; border:
复制链接

扫一扫

专栏目录