input设置placeholder不贴边

[CSS] input样式定制

input样式定制一个泥团input,想怎么捏就怎么捏 appearance: none 所有主流浏览器都不支持 appearance 属性. Firefox 支持替代的 -moz-appearance 属性. Safari 和 Chrome 支持替代的 -webkit-appearance 属性. 去除系统默认appearance的样式引发的问题改变按钮和其他控件的外观,使其类似于原生控件. appearance 是一个不规范的属性(unsupported WebKit property

css设置input中placeholder字体

设置input中placeholder字体颜色 input::-webkit-input-placeholder {color:@a;} input:-moz-placeholder {color:@a} input:-ms-input-placeholder {color:@a} 设置input中placeholder字体大小 input::-webkit-input-placeholder {font-size: @a} input:-moz-placeholder {font-size:

设置input中placeholder的样式（placeholder设置字体）

方法: 代码示例: .input::-webkit-input-placeholder { font-size: 3.73333333vw; color: #cccccc; } .input:-moz-placeholder { font-size: 3.73333333vw; color: #cccccc; } .input:-ms-input-placeholder { font-size: 3.73333333vw; color: #cccccc; } 注意:设置placeholder的字

input设置背景透明、placeholder的字体颜色及大小

1.设置input背景透明: background:rgba(255,255,255,0.1); 前面三个参数为对应的rgb数值,第四个参数为透明度:0~1,0:透明,1:不透明: 2.设置input的placeholder字体颜色和大小: #myInput::-webkit-input-placeholder{ font-size:16px; color: #ffffff; } 3.效果展示:

设置input标签placeholder字体颜色

有时会遇到这样的需求,输入框的默认提示文字与用户输入的文字不同. <input className="city" placeholder="城市"/> input {color:#ff7800} 如果只是设置input的颜色的话是达不到想要的效果的,css3有关于设置placeholder的属性-input-placeholder Webkit内核的浏览器和Microsoft Edge使用的是伪元素::-webkit-input-placeholder

设置input的placeholder样式

自定义input默认placeholder样式 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 input::input-placeholder { color: #fb4747; } input::-webkit-input-placeholder { color: #fb4747; } input:-ms-input-placeholder { color: #fb

【转】移动端input输入placeholder垂直不居中

在移动端编写input输入框时候,为了输入文字与输入框垂直居中,一般情况下,会将input的line-height的高度等于height.但在移动端输入的时候会发现,虽然输入内容确实是垂直居中了,但是光标的位置是靠上的,导致感官上的不美观.于是对input设置的时候,首先确定字体的大小如font-size:16px,其次我们确定设计稿里input的高度,如input高度为40px,那么此时的代码应该是这样的:input{height:16px;line-height:16px;padding:1

Google Chrome input 设置 line-height 后光标变得和input一样高

Google Chrome input的height和line-height设置为相同的比默认高度高的值时,当input控件获得焦点并且没有输入内容时,input中的光标会占满整个input控件(如果设置了padding-top或padding-bottom则会低于整个控件的高度),但输入内容后光标高度又马上恢复为字体的高度,效果图和案例代码如下,那么怎么解决这个问题呢? <!DOCTYPE html> <html> <head> <title>line-h

移动端input输入placeholder垂直不居中

在移动端编写input输入框时候,为了输入文字与输入框垂直居中,一般情况下,会将input的line-height的高度等于height.但在移动端输入的时候会发现,虽然输入内容确实是垂直居中了,但是光标的位置是靠上的,导致感官上的不美观.于是对input设置的时候,首先确定字体的大小如font-size:16px,其次我们确定设计稿里input的高度,如input高度为40px,那么此时的代码应该是这样的:input{height:16px;line-height:16px;padding:1

设置placeholder无效解决办法

一.设置placeholder的方法 placeholder属性用来设置控件内部的提示信息 <input type="text" placeholder="请输入用户名"> 改变placeholder的样式: input::placeholder { color: red; font-size: 22px; } 二.各浏览器样式兼容设置 1.针对谷歌浏览器的设置方式: input::-webkit-input-placeholder { color: r

移动端华为手机 input中placeholder垂直居中失效

为一个app写了一个嵌套的提现页面,效果如下图 input给定宽高,给了line-heigh,在浏览器查看效果正常,placeholder内容以及光标显示都是垂直居中的, IOS显示正常, Android华为手机上placeholder以及光标都失效,都没有垂直居中, 最后给input设置样式, line-heigh:normal; 查看华为手机恢复正常. 最后自己做了个试验,给定input宽高后,不写line-heigh,placeholder也会自动垂直居中, 在华为手机中好像必须给定lin

解决input 中placeholder的那些神坑

**昨天后台小哥哥提到placehold无法显示问题,我这边总结一下,顺便写个小文章分享给大家..** ============================================== 一.解决ie9以下input 无placeholder问题解决方案一:jquery实现当浏览器不支持placeholder属性时,克隆一个和界面相同的input框,将placeholder的值设置为其value值,覆盖在界面input框所在位置,并将界面上的input隐藏掉调用方法: $(#se

【代码笔记】iOS-UITextField设置placeholder颜色

一,效果图. 二,工程图. 三,代码. RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController : UIViewController <UITextFieldDelegate> @end RootViewController.m #import "RootViewController.h" @interface RootViewController () @end @i

设置placeholder字体颜色

/*设置placeholder字体颜色*/::-webkit-input-placeholder{ color: #FFF;}:-ms-input-placeholder{ color: #FFF;}::-moz-placeholder{ color: #FFF;}

mvc涉及到input设置了disabled

在做网站管理后台的用户修改功能时,由于当前用户修改个人信息时规定用户名不能修改,故使用了input标签的disabled属性,但是在提交数据后却发现用户名显示为空了.后来一查才知道input设置为disabled值时会有下面的限制:1.不能接收焦点:2.使用tab键时将被跳过:3.可能不是successful的. 解决方法是:可以使用readonly=”readonly”属性代替即可,而input设置为readonly属性也有一些限制:1.可以接收焦点,但不能被修改:2.可以使用tab键进行导航

UITextfield设置Placeholder颜色控件内边距、自适应高度

//创建UITextField对象 UITextField * tf=[[UITextField alloc]init]; //设置Placeholder颜色 [text setAttributedPlaceholder:[[NSAttributedString alloc]initWithString:CustomLocalizedString(@"UserName", nil) attributes:@{NSForegroundColorAttributeName:[UICo

input 的 placeholder属性在IE8下的兼容处理

placeholder是input标签的新属性,在使用的时候有两个问题: 1.IE8 下不兼容处理思路: 如果浏览器不识别placeholder属性,给input添加类名placeholder,模仿placeholder属性的样式,并给input 的value赋值placeholder属性的值 2. input的type属性是password的情况,用上面的方法处理提示语为密码文处理思路: 新添加一个标签,模仿placeholder属性直接上代码: css部分: .input-item {

css系列：input的placeholder在safari下设置行高失效

在项目中遇到input的placeholder在safari下设置行高失效的问题,问度娘后未得治原因,倒是有解决办法: 方法一:使用padding使提示文字居中,如果font-size:14px,UI高度为40px,我们可以设height:14px,padding:13px 0; 方法二:使用line-height:1px 方法三:使用vertical-align: middle; 实践后问题得以解决,但是其他浏览器下也受到了影响,那么问题来了,我们需要单独针对Safari来写hack即[;li

iOS TextView输入长度限制设置placeholder

textView在使用中通常会有2个功能是最常用的设置placeholder 限制输入长度 TYLimitedTextView刚好是为了解决这个2个问题而诞生的,下面讲解TYLimitedTextView的用法,有需要的可以参考(textField限制输入请参考我的文章iOS textField输入限制),demo下载地址:https://github.com/qqcc1388/TYLimitInputDemo TYLimitedTextView能够快速实现功能 placeholoder功能实

修改input属性placeholder的样式

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="木人子韦一日尘"> <title>

ie8的input的placeholder不显示的解决bug

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery1.10.2.min.js" type="text/javascript" charset="utf-8"></script> <style typ

input设置placeholder不贴边

热门专题