placehoder不兼容ie9以下和opero12以下

颜色设置

解决方案一:

　　::-webkit-input-placeholder { /* WebKit browsers */

　　color:#999;

　　}

　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

　　color:#999;

　　}

　　::-moz-placeholder { /* Mozilla Firefox 19+ */

　　color:#999;

　　}

　　:-ms-input-placeholder { /* Internet Explorer 10+ */

　　color:#999;

　　}

此方法虽然解决了字体和颜色的兼容问题,但在ie和腾讯自带浏览器中的定位还是存在问题,偏input上方,笨拙的方法通过padding-top设置,,但是在正常的浏览器中会偏下,,目前现在的建议还是在input内整体加一个span来操作,,有更好的方法再来补充

2.placehoder.js插件还未用过,,等用过后再来补充

时间： 2024-12-28 13:44:00

placehoder不兼容ie9以下和opero12以下的相关文章

兼容IE9以下和非IE浏览器的原生js事件绑定函数

事件绑定函数的demo如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="UTF-8"/> <title>测试事件绑定函数</title> <scrip

修改select默认样式，兼容IE9

前面有篇文章已经提供了如何修改select标签的默认样式,但是只能兼容到ie10,要兼容ie9只能模拟一个类似的 html结构: <div class="select_diy"> <select> <option value="产品咨询1">产品咨询1</option> <option value="产品咨询2">产品咨询2</option> <option value

vue官方的意思是vue项目可以在ie8以上的ie版本中运行但其实使用vue-cli构建的项目也还是不能在ie8[ie9,ie10,ie11]以上的版本中运行下面就来讲vue如何在ie8以上ie版本中运行 1.安装 babel-polyfill cnpm install babel-polyfill --save-dev 2.在项目入口文件,如本项目中的main.js文件中引用babel-polyfill import 'babel-polyfill' 3.修改webpack配置文件 mo

vue项目，ES6，IE下语法错误的情况解决办法，兼容IE9+

摘要:前文:CSDN也发布了相同文章:https://blog.csdn.net/qq_41797950/article/details/104476068 问题: vue项目,IE浏览器不兼容ES6语法,在ie10,报错语法错误:在ie9报错:缺少’‘:’ 每个人项目不同,报错也不同解决: 1. 下载插件,babel-polyfill npm install babel-polyfill 2. build/webpack.base.conf.js下的entry下的app添加 'babel-

CSS3 渐变背景色各种方向兼容IE9+

背景色,除了纯色以外,还能够使用多种颜色组合成为渐变背景色,使页面丰富. 渐变背景分为两种: 1.线性渐变: 2.环形渐变: 线性渐变线性渐变分为:横向.纵向.对角渐变三种渐变语法: <linear-gradient> = linear-gradient([ [ <angle>| to <aside-or-corner> ] ,]? <color-stop>[, <color-stop>]+) <side-or-corner> =

websocket的全完全解决方案（兼容ie9）

1.客户端的页面用下面这个地址,运行sample https://github.com/gimite/web-socket-js 2.服务器端用下面这个即可https://github.com/statianzo/Fleck 3.按照上面的步骤还不能支持ie9要执行下面这个服务,拷贝下面的代码,生成一个控制台程序,然后在服务器端执行着在Adobe Flash Player升级到9.0.124后,由于安全策略的更改,使得在socket或xmlsocket的应用里,原先如用http方式加载安全策略

解决输入框placeholder属性不兼容IE9及以下浏览器问题

placeholder是HTML5的新属性,对于一些低版本的浏览器不兼容,所以要使用一些别的方法. 解决方法:引入jquery.placeholder.js文件,然后再加入以下代码 1 <!--[if lte IE 9]> 2 <script type="text/javascript" src="static/common/jquery/jquery.placeholder.js"></script> 3 <script&

bootstrap 模态框兼容ie9

项目中的模态框在其他浏览器中没有问题,但是在ie9下,show事件不触发 bootbox.dialog({ message: $("#T_BZJ_AccassForm"), title: "<i class='fa fa-th red margin-right-5'></i>"+dialogtitle, className:"modals-border-raduis modal-width-800", buttons: {

阻止事件默认行为（动作）：（兼容IE9以前版本写法）

阻止事件默认行为(动作): 默认行为: 点右键弹出右键快捷菜单超级链接点击跳转页面表单中点击提交按钮提交表单禁止拖拽页面元素 ........ 标准:event.preventDefault() 非标准:event.returnValue = false; 兼容:event.preventDefault? event.preventDefault(): event.returnValue = false; 原文地址:https://www.cnblogs.com/kdiekdio/p/10