html横线文本框,如何用html把文本框外观格式设为只显示底部的横线

html把文本框外观格式设为只显示底部的横线

input[type='text']{background:none;border:none;border-bottom:1px solid #ddd;}//所有input框类型为text的

.inp{background:none;border:none;border-bottom:1px solid #ddd;}

参考:https://zhidao.baidu.com/question/1242984244365752339.html

设置图片居中

*{

padding:0px;

margin:0px;

font-family:"微软雅黑";

}

.homeback {

width: 100%;

height: 100%;

position: fixed;

top: 0px;

left: 0px;

right: 0px;

margin-left: auto;

margin-right: auto;

z-index: -1;

}

.div2 {

position: absolute;

}

@media screen and (max-width: 1100px) { /*当屏幕尺寸小于1100px时,应用下面的CSS样式*/

.icontype {

width:40%;margin-top:20%;margin-left:30%

}

.grouptype {

width:50%;margin-top:60%;margin-left:25%

}

.checktype {

width: 35%;

margin-top: 90%;

margin-left: 58%

}

.searchtype {

width: 30%;

margin-top: 68%;

margin-left: 33%

}

}

@media screen and (min-width: 1100px) { /*当屏幕尺寸大于1100px时,应用下面的CSS样式*/

.icontype {

width: 30%;

margin-top: 5%;

margin-left: 35%

}

.grouptype {

width: 30%;

margin-top: 25%;

margin-left: 35%

}

.checktype {

width: 20%;

margin-top: 40%;

margin-left: 58%

}

.searchtype {

width: 15%;

margin-top: 32%;

margin-left: 42%

}

}

.input2{

border: none;

background: none;

border-bottom: solid 1px #0c0c0c;

}

%E8%83%8C%E6%99%AF%E6%8B%B7%E8%B4%9D.png

icon.png

$(function () {

$("#bodyground").css({ "width": screenwidth + "px", "height": screenwidth + "px" });

});

//获取屏幕总高度,宽度

var screenheight = window.screen.availHeight

var screenwidth = window.screen.availWidth

js各种验证文本框输入格式

不能为空 只能输入英文 ...

IOS中文本框输入自动隐藏和自动显示

uilabe和UIText扩展方法 +(UILabel*)LabWithFrame:(CGRect)_rect text:(NSString*)aText textColor:(UIColor*)aC ...

文本框/域文字提示(placeholder)自动显示隐藏jQuery小插件

// 文本框文本域提示文字的自动显示与隐藏 (function($){ $.fn.textRemindAuto = function(options){ options = options || {} ...

CSS动态实现文本框清除按钮的隐藏与显示

当前现代浏览器中,Chrome浏览器下type=search的输入框会有清除按钮的动态呈现,不过搜索input框尺寸不太好控制(padding无视):FireFox浏览器貌似任何类型的输入框都无动于衷 ...

C#环境下,文本框翻屏,怎么一直显示当前插入的内容!!!!!!!!!!!!!!!!

//-----------------------显示当前插入的位置------------------------ textBox3.SelectionStart = textBox3.Text.L ...

使用jquery实现文本框输入特效:文字逐个显示逐个消失反复循环

前两天看到某个网站上的输入框有个小特效:文字逐个显示,并且到字符串最大长度后,逐个消失,然后重新循环显示消失,循环显示字符串数组.我对这个小特效有点好奇,于是今天自己尝试用jquery写一个简单的小d ...

[WPF]带下拉列表的文本框

控件我已经弄好了,代码比较多,所以没办法全面介绍. 一开始我是直接继承Selector类来实现,做是做出来了,不过发现性能不太好.于是,我就想着自己来实现.毕竟我是做给自己用的,也不考虑过多的东西,也 ...

WPF 文本框添加水印效果

有的时候我们需要为我们的WPF文本框TextBox控件添加一个显示水印的效果来增强用户体验,比如登陆的时候提示输入用户名,输入密码等情形.如下图所示: 这个时候我们除了可以修改TextBox控件的控件 ...

JS练习 改变文本框状态

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值