给微信内置浏览器一个专用的css,只要用微信访问我的网页,就会选择专用的css样式,代码怎么写?

html-css019

给微信内置浏览器一个专用的css,只要用微信访问我的网页,就会选择专用的css样式,代码怎么写?,第1张

用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样式。

希望以上回答能够帮助您解决问题,谢谢您的提问!