首页 >web前端 >html教程 > 正文

html文本框颜色怎么设置

原创2021-05-14 14:54:2102769

方法:1、利用style属性,添加“border:宽度 样式 颜色”样式设置文本框的边框颜色;2、利用style属性,添加“background:颜色”样式设置背景颜色;3、利用style属性,添加“color:颜色”样式设置文字颜色。

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

1、设置文本框的边框颜色

<input type="text" style="border:1px solid red;" value="测试文字" />

1.png

2、设置文本框的背景颜色

<input type="text" style="background: red;" value="测试文字" />

2.png

3、设置文本框的文字颜色

<input type="text" style="color: red;" value="测试文字" />

3.png

推荐教程:《html视频教程

以上就是html文本框颜色怎么设置的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html 文本框颜色
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php怎么判断有几位小数427
    php中转换首字母大写的函数是什么365
    Javascript怎么检查对象是否为空884
    推荐视频教程
  • 2018前端入门_HTML52018前端入门_HTML5
  • 从零开始构建HTML页面从零开始构建HTML页面
  • HTML前端基础第六部HTML前端基础第六部
  • HTML5 Canvas 动画实战教程HTML5 Canvas 动画实战教程
  • html5开发实战之百度外卖手机站前端制作html5开发实战之百度外卖手机站前端制作
  • 视频教程分类