加拿大28

    1. <form id='fc9er'></form>
        <bdo id='fc9er'><sup id='fc9er'><div id='fc9er'><bdo id='fc9er'></bdo></div></sup></bdo>

          • ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
            当前位置:首页 >> 网页制作 >> web前端 >> CSS 控制 input 只显示下划线效果

            CSS 控制 input 只显示下划线效果

            来源:网络整理     时间:2018-09-12     关键词:

            本篇文章主要介绍了" CSS 控制 input 只显示下划线效果",主要涉及到方面的内容,对于web前端感兴趣的同学可以参考一下: 由于页面设计需要,有时加拿大28可能会出现只有下划线(底部边框)的input,如下图其实很简单,只要从边框(border)入手就可以了。比如将上、右、左边框宽度设置为...

            由于页面设计需要,有时加拿大28可能会出现只有下划线(底部边框)的input,如下图
             CSS 控制 input 只显示下划线效果

            其实很简单,只要从边框(border)入手就可以了。比如将上、右、左边框宽度设置为0,下边框为1,颜色根据需要调整

            .input-underline {
                border-bottom: 1px solid #dbdbdb;
                border-top: 0px;
                border-left: 0px;
                border-right: 0px;
            }

            以上就介绍了 CSS 控制 input 只显示下划线效果,包括了方面的内容,希望对web前端有兴趣的朋友有所帮助。

            本文网址链接:http://bayitaku.com/article/detail_4588554.html

            相关图片

            相关文章