分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

css 修改input输入框属性

发布时间:2023-09-06 02:28责任编辑:顾先生关键词:暂无标签

1.修改输入框颜色背景色等

input[type=text] { ???width: 340px; ???padding: 0 25px; ???height: 48px; ???border: 1px solid #f2f2f2; ???background: #f6f6f6; ???color: #202124; ???font-size: 14px; ???line-height: 48px; ???border-radius: 25px;}

2.修改输入框选中时的边框颜色及背景色

input[type=text]:focus { ????outline: none; ???border-color: #2ca63b; ???background-color: #fff; }input[type=text]::selection{ ???background:transparent; ???background-color: #fff;}input[type=text]::-moz-selection{ ???background:transparent; ???background-color: #fff;}

3.修改placeholder颜色

input[type=text]::-webkit-input-placeholder { /* WebKit browsers */ ???color: #bababa;}input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ ???color: #bababa;}input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */ ???color: #bababa;}input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */ ???color: #bababa;}

css 修改input输入框属性

原文地址:https://www.cnblogs.com/wylj/p/10207146.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved