用js判断是不是微信浏览器打开,若是则采用对应css样式;不是就用默认css样式即可;具体代码网上一堆,一搜既有的东西。
<html>
<head>
<!--下面是css文件链接-->
<link href="css/style.css" rel="stylesheet" id="cssLink" />
</head>
<body>
<script type="text/javascript">
var ua = navigator.userAgent.toLowerCase()
var isWeixin = ua.indexOf('micromessenger') != -1
if (!isWeixin) {
var obj=document.getElementById("cssLink")
obj.setAttribute("href","css/css.css")//不是微信使用的css文件
}else{
var obj=document.getElementById("cssLink")
obj.setAttribute("href","css/style.css")//是微信使用的css文件
}
</script>
<!--下面div用来测试-->
<div class="div"></div>
</body>
</html>
经测试与个人猜测,在微信浏览器中, <input /> 标签,微信的 webview 容器应该是赋予了一些默认的属性,如标签禁用状态下 opacity 不透明度非 100% 等。
例如,我遇到的问题, disabled 状态下只设置了 color 之后,而且输入框的背景颜色是白色,所以导致前端页面看起来就像输入框没有任何值一样。
局部添加
全局 input 标签覆盖
您好,在新版微信中刷新CSS的方法如下:1. 首先,您需要打开微信,然后点击右上角的“设置”图标,进入设置页面。
2. 然后,您需要点击“开发者工具”,进入开发者工具页面。
3. 接着,您需要点击“刷新”按钮,这样就可以刷新CSS样式了。
4. 最后,您可以点击“保存”按钮,保存刷新后的CSS样式。
希望以上回答能够帮助您解决问题,谢谢您的提问!