dedecms gitee 哨兵模式 printing reference ios视频教程 angular视频 bootstrap日历插件 div外边距 如何升级python python学习入门 python中str函数 python中len函数 python下载安装教程 python返回函数 java对象 java中的tostring java写文件 java包名 蓝牙运动耳机排行榜 js删除数组指定元素 bat脚本 js闭包的理解 comsol软件下载 spoonwep qq钱包实名认证 文章查重软件 编程之家 cdlinux教程 qq魔法卡片登陆 全能音频转换通 dnf胜利的证明有什么用 0000008e 例外被抛出且未被接住 德玛上单天赋 maya骨骼绑定教程 opencv是什么 色阶快捷键 快剪辑去水印 二代妖精下载
当前位置: 首页 > 学习教程  > 

input标签边框

2020/10/16 18:01:18 文章标签: input边框颜色

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

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

input标签有如下几个属性

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

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

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

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

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

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

在这里插入图片描述

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

在浏览器却有这样一个bug
在这里插入图片描述

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

该怎么把它去掉呢?

其实非常简单

我们需要给标签加上一个样式
outline ;none就可以了
在这里插入图片描述

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

在这里插入图片描述

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


本文链接: http://www.dtmao.cc/news_show_300278.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?