h5中placeholder样式

  1. <!DOCTYPE html>
<html>
<head>
    <title>placeholder样式demo</title>
     <style type="text/css">
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

input:-ms-input-placeholder{
    color: #fff;
}

input::-webkit-input-placeholder{
    color: #fff;
}

     </style>

</head>
<body>
     <input    style="background:#2b2b2b" placeholder="httt" type="text">
</body>
</html>
时间： 2024-11-10 13:06:54

h5中placeholder样式的相关文章

ie中placeholder属性不支持，js解决

ie中placeholder属性不支持,js的解决方法: //placeholder属性在ie下兼容 function placeholder ( pEle , con ) { var pEle = pEle if( pEle.find("input,textarea").val() == "" ){ pEle.append("<i class='placeholder_ie'>"+con+"</i>"

h5中的表单和存储

1.在Html5中:        (1).表单仍然使用<form>元素作为容器,我们可以在其中设置基本的提交特性            form的action指向一个服务器地址(接口)       (2).当用户或开发人员提交页面时,表单仍然用于向服务端发送表单中控件的值            注意表单项的name属性必须有值,服务器才能获取表单       (3).所有之前的表单控件都保持不变        (4).仍然可以使用脚本操作表单控件 2.表单新增的属性可以分成两类: 提交类:f

CSS中的样式覆盖原则

规则一:由于继承而发生样式冲突时,最近祖先获胜(最近原则).CSS的继承机制使得元素可以从包含它的祖先元素中继承样式,考虑下面这种情况: <html> <head> <title>rule 1</title> <style> body {color:black;} p {color:blue;} </style> </head> <body> <p>welcome to <strong>

Andriod React Native 样式表中可用样式属性

写了这么多篇Android React Native的博文,基本上把复杂的东西都搞定了,接下来来看看一些轻松的东西,和布局有关,就是css样式,那么一个View可以设置哪些css样式呢,是和web中的css样式完全一样呢,还是有所不同呢?其实你只要在样式表中书写一个不存在的样式,就会报一大堆错,提示你该样式不存在,然后提供所有可用的样式给你,如图 下面的样式就是样式表中所有可用的属性. "alignItems", "alignSelf", "backfac

android中的样式主题和国际化

一.Android中的样式和主题     1.1样式     样式是作用在控件上的,它是一个包含一个或者多个view控件属性的集合.android style类似网页设计中的css设计思路,可以让设计和内容分离,方便继承.复用.重用     下面通过一个简单的案例演示自定义样式的用法,在该案例中,我们自定义一个样式,用于渲染Button控件的显示效果     在res/values/styles.xml文件中添加   <style name="bt_style_1"> &l

HTML 中的样式选择器

选择器: 1.标签选择器.用标签名做选择器. eg. <style type="text/css"> p //格式对标签P起作用 { 样式: } </style> 2.class选择器.都是  .  开头 <style> .main /*定义样式*/ { 样式: } </style> <body> <div class="main"> <!--调用class样式--!> </d

在网页中添加样式

要最大限度的发挥HTML5的功能,必须熟悉CSS标准.(初级仅作练习...大神绕道啦) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Html5 feature Detection</title> </head> <body> 有三种在网页中使用样式的方法 <br>

解决HTML5中placeholder属性兼容性的JQuery插件

//调用方法 $(function () {   $(".pHolder").jason(); }); //HTML代码 <input type="text" class="pHolder" placeholder="请输入姓名" /> //jquery插件 ($.fn.jason = function(a) {    var b = {        focus: "black",      

邮件中的样式问题

应客户要求,要在邮件里添加一个div,由于内容的不确定性,想要确定高度,因此想给这个div一个scroll的属性,弄了好久也没弄好,一直不清楚原理是什么, 经同事提醒,才想到去查一下outlook 对css样式的支持,才发现,outlook是不支持的,因为其渲染模式不同的问题, 详细内容可参阅 此 url http://msdn.microsoft.com/en-us/ch/library/aa338201%28v=office.12%29.aspx#Word2007MailHTMLandCSS