当前位置：首页 → 问答吧 → css控制input边框问题

css控制input边框问题

时间：2011-08-25

来源：互联网

页面设置了一个全局的

input{border:0}/*这里把input的边框去掉了*/

后面的页面有个 input 我想还原默认的效果这么还原?

如果是自己定义border的话, top 和 left 是双边框如图:

这是放大后的效果该怎么定义不想用background

作者: yorts52 发布时间: 2011-08-25

两种解决方案:

1. input{border:0px}
.input{border:1px solid gray}
<input type="text" >隐藏的
<input type="text" class="input">没有隐藏的

2. .input{border:0px}

让特殊的用class="input"
<input type="text" class="input"> 隐藏的
<input type="text" >没有隐藏的

作者: qianzai5765638 发布时间: 2011-08-25

引用 1 楼 qianzai5765638 的回复:

两种解决方案:

1. input{border:0px}
.input{border:1px solid gray}
<input type="text" >隐藏的
<input type="text" class="input">没有隐藏的

2. .input{border:0px}

让特殊的用class="input……

两种方法都不对如果只是要加上border话倒是简单
我写过简单点的例子吧

HTML code


<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
 <head>
  <title>title </title>
<style type="text/css">
input{border:0}/* 这个是全局的 放在一个css文件中 由于这个页面是多个人同时编辑 所以事先定义了一些全局统一的样式 这一部分我不想改*/

.test{border:1px solid gray}/*这个是自己定义的部分 但是没办法实现双边框 不是我要的*/
</style>
 </head>

 <body>
  <input class="test" type="text" /><!-- 你可以对比一下不加任何样式的input 我要的就是这种效果 -->
 </body>
</html>

作者: yorts52 发布时间: 2011-08-25

http://www.w3schools.com/css/css_border.asp

作者: zsx841021 发布时间: 2011-08-25

HTML code


<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
 <head>
  <title>title </title>
<style type="text/css">
input{border:0}/* 这个是全局的 放在一个css文件中 由于这个页面是多个人同时编辑 所以事先定义了一些全局统一的样式 这一部分我不想改*/

.test{border: inset     }/*这个是自己定义的部分 但是没办法实现双边框 不是我要的*/
</style>
 </head>

 <body>
  <input class="test" type="text" /><!-- 你可以对比一下不加任何样式的input 我要的就是这种效果 -->
 
 </body>
</html>

这样好像和lz 的是一个样字

作者: qianzai5765638 发布时间: 2011-08-25

css控制input边框问题

热门阅读

热门下载