input标签边框

在我们做项目的过程中 很大一部分我们都要来设计页面布局
如何设计一个好看的页面也是很重要的一部分 需要设计一个好看的页面也少不了各式各样的标签 下面我来给大家说一个标签也是页面十分重要的一个标签那就是input

input标签有如下几个属性

name属性 该属性用于指定用来保存用户输入文本的变量和名称 定义name属性后WML将根据该属性 为即将输入的文本实体对象与之存储空间 以便接收用户输入

title属性 该属性用于input元素的标签 通常是位于输入框前的提示信息

type属性 用于指定文本输入区的类型，有text和password两种选择
默认值为text 指定的用户可以输入文本 而且输入的文本会同时逐渐响应并显示在浏览器中 如果选择password 则指定用户输入的文本作为密码文本处理 WML程序按文本实体接收输入的数据
而浏览器上响应用户输入显示时逐渐均为星号(*) 由此起到保密的目的

value属性 该属性用于指定name属性所定义变量的值 它将显示在输入框中

这些都是基本属性
那我们该如何设计一个好看的的input标签呢 我们可以设置input的边框和背景颜色

不过我们发现了一个问题
给定一个标签后

我给它设置了一个圆角边框的效果

在浏览器却有这样一个bug

当我点击输入框的时候
有一个长方形高亮效果的边框 导致我设置的圆角边框看起来十分难看

该怎么把它去掉呢？

其实非常简单

我们需要给标签加上一个样式
outline ；none就可以了

这个样式就能成功去掉蓝色高亮的边框

怎么样边框是不是变得好看多了