css input怎么去掉边框


本文摘自PHP中文网,作者青灯夜游,侵删。

css去掉input边框的方法:1、使用“border:none;”语句定义无边框样式来去掉;2、使用“border:0;”语句设置边框宽度为0来去掉;3、使用“border:transparent;”语句设置透明边框来去掉。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

方法1:使用border:none;

border属性设置所有的边框属性,当值为none时,表示对标签元素不设置边框属性或者取消边框属性,定义无边框样式。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <style type="text/css">

            input{

                background-color: papayawhip;

            }

            #qd{

                border:none;

            }

        </style>

    </head>

    <body>

        <input type="text" value="测试输入框"/><br /><br />

        <input id="qd" type="text" value="测试输入框"/>

    </body>

 

</html>

效果图:

阅读剩余部分

相关阅读 >>

html中表格tr的td单元格怎么设置宽度属性

使用css怎么实现毛玻璃效果?

resize不是已知的css属性?

css selectors是什么

css font-variant属性怎么用

html怎么用link引入css

css外部样式表怎么写

css怎么设置a标签不可点击

css声明语句总是以什么结束

css怎么用id进行定位

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...