placeholder

Color for styled placeholder text is muted in Firefox

☆樱花仙子☆ 提交于 2019-12-02 09:53:09
问题 I've changed the color of my placeholders with the relevant vendor prefixes and it's displaying properly in other browsers, but for some reason Firefox mutes the colors a bit. ::-moz-placeholder, input::-moz-placeholder {color: Black;} I've used both :-moz-placeholder and ::-moz-placeholder prefixes. Any suggestions? 回答1: The default placeholder style has an opacity different from 1, so that if you change the input color the placeholder automatically ends up with a slightly muted version of

Firefox Placeholder Before CSS selector not working

大城市里の小女人 提交于 2019-12-02 07:46:26
I'm using the latest firefox 30.0. I'm trying to insert a red font awesome star before the placeholder of required fields. I got this working in Chrome no problem but I'm having issues with FF and. Here's a codepen illustrating my issue - http://codepen.io/anon/pen/BLibw My markup: <input placeholder="Address" data-required required id="id_street" name="street" type="text" /> My CSS(sass): [data-required] { &::-webkit-input-placeholder::before { font-family: fontAwesome; content:'\f005 '; color: $color-red; } &::-moz-placeholder::before { font-family: fontAwesome; content:'\f005 '; color:

HTML 使用CSS 如何去掉文本聚焦框 HTML 使用CSS 如何去掉文本聚焦框 : outline 值设为none 修改input、textarea输入框placeholder样式

江枫思渺然 提交于 2019-12-02 05:54:57
HTML 使用CSS 如何去掉文本聚焦框 : outline 值设为none 修改input、textarea输入框placeholder样式 兼容性代码: input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:lightgray; } input:-moz-placeholder, textarea:-moz-placeholder { color:lightgray; } input::-moz-placeholder, textarea::-moz-placeholder { color:lightgray; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:lightgray; } 来源: https://www.cnblogs.com/zzz-knight/p/11733092.html

IE8下对type=checkbox类型的input的placeholder属性的仿写

自作多情 提交于 2019-12-02 05:51:30
placeholder 属性是 HTML5 中为input添加的。在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示。 如 <input type="text" id="userName" placeholder=" 用户名"/> <input type = "password" id="passWord" placeholder="密码"/> 目前浏览器的支持情况 浏览器 IE6/7/8/9 IE10+ Firefox Chrome Safari 是否支持 NO YES YES YES YES 然而,虽然IE10+支持placeholder属性,它的表现与其它浏览器也不一致 IE10+ 里鼠标点击时(获取焦点)placeholder文本消失 Firefox/Chrome/Safari 点击不消失,而是键盘输入时文本消失 我们希望IE低版本下实现IE10+ placeholder的效果,可以通过以下方法: 首先css 的样式如下: <style type="text/css"> input[type="text"] { display:block; margin:0 auto; width: 230px; text-align: center; } #userName { margin-top: 31px; border:

让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

自作多情 提交于 2019-12-02 05:51:20
最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在 chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式 无法显示,然后各种百度啊,最后在 雅朋网 的一个网友帖子的帮助下解决了问题,也参考了 千寻学习网 的资料,先将解决方法总结如下: 首先需要确保你的HTML页面开始部分要有DOCTYPE声明。DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档,具体会影响: 对标记attributes 、properties的约束规则 对浏览器的渲染模式产生影响,不同的渲染模式会影响到浏览器对于CSS代码甚至JavaScript脚本的解析 DOCTYPE是非常关键的,目前的最佳实践就是在HTML文档的首行键入: <!DOCTYPE html> 大神的帖子总结的bootstrap的查找原因好几条,首先,Bootstrap3 是移动设备优先的原则开发的,所以原因可能如下: 1.没有正确调用远程地址 即只要是IE9以下,就调用两个专门的js <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]>

How to pass a column name value as SQL argument using placeholders

五迷三道 提交于 2019-12-02 05:09:53
问题 How to pass a column name value as a SQL argument using parameter placeholders ? The goal is having this working: var sql = "SELECT * FROM Condos WHERE @0 LIKE @1"; var sqlData = db.Query(sql,choice,"%"+searchString+"%"); choice is a variable that will store the column name @0 is a column name (and I don't succeed to pass it as an argument) @1 is a search string (and I have no problem with it) Have read and tried a lot of things: Below one doesn't throw any error but doesn't bring any data

todolist 包含本地存储知识

∥☆過路亽.° 提交于 2019-12-02 04:49:49
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>todolist_again</title> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <style> * { margin: 0; padding: 0; } .fat { width: 500px; height: 800px; margin: 50px auto; } h1 { font-size: 38px; color: goldenrod; display: inline; margin-right: 40px; /* vertical-align: middle; */ } .todoinput { width: 300px; height: 50px; line-height: 50px; border-radius: 10px; border: 2px solid

ASP.NET dynamically adding UserControl to PlaceHolder, not fire Click Event, only Page_Load

余生长醉 提交于 2019-12-02 04:01:20
In my ASP.Net page I have PlaceHolder and Button. When user click on this button, I add some UserControls from my Interface method getControl to the PlaceHolder. Code: protected void ActionBtn_Click(object sender, EventArgs e) { if (provider != null) { actualObject = (PlaceHolder)provider.getControl(); PlaceHolder1.Controls.Add(actualObject); } } Method getControl: public object getControl() { ph = new PlaceHolder(); exportInbBtn = new Button(); exportInbBtn.Text = "Export Inventury"; exportInbBtn.Click += new EventHandler(myButton_ServerClick); ph.Controls.Add(exportInbBtn); exportInbBtn.ID =

mui滚动区域的实现

余生颓废 提交于 2019-12-02 03:23:14
mui框架实现页面中间区域滚动,头部和底部固定不动,要滚动的区域一定要有这两层包住, <div class="mui-content mui-scroll-wrapper" id="mui-content"> <div class="mui-scroll"> <div class="content> ......滚动内容区域 </div> </div></div> 完整代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>个人基本信息</title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" href="../css/public/mui.min.css"> <link rel="stylesheet" href="../css/public

python 转义json串

断了今生、忘了曾经 提交于 2019-12-02 03:04:51
import re body=r''' {"id":${BXbiztripinfoID_10},"msg":"1234测试审批${__UUID}","bussJson":"{\"companyId\":${__P(orgId,)},\"createUser\":${__P(userId,)},\"auditState\":2,\"orderNo\":\"${BXorderNo_10}\",\"dtContentDetail\":{\"templateId\":${__P(ReimbursementTemplateID,)},\"dtContent\":\"{\\\\\"companyid\\\\\":0,\\\\\"createtime\\\\\":1526371599000,\\\\\"dtComponentList\\\\\":[{\\\\\"companyId\\\\\":0,\\\\\"componentid\\\\\":11015,\\\\\"createtime\\\\\":1540883126000,\\\\\"data\\\\\":\\\\\"[{\\\\\\\\\\\\\"name\\\\\\\\\\\\\":\\\\\\\\\\\\\"${__P(userName,)}\\\\\\\\\\\\\",\\\\\\\\\\\\\"id\\\\\\\\\\\\\":$