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

最新推荐文章于 2024-07-24 17:39:56 发布

Lewis_1993

最新推荐文章于 2024-07-24 17:39:56 发布

阅读量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>