样式属性不能在webview中工作

问题描述:

我从资产加载html页面并在应用程序中显示。 HTML页面正在显示,但是当我试图改变“onclick”按钮的背景颜色时,背景颜色没有得到改变。样式属性不能在webview中工作

如果我使用浏览器测试页面,那么它的工作,但是当我在android中使用webview加载html页面时,它不工作。

onclick函数被调用,但不知何故样式属性没有得到应用。 我尝试了三种方法。

1. $('#btnAC').css({'background-image', 'linear-gradient(180deg, black, red) !important'}); 

2. document.getElementById("btnAC").style = "background-image: linear-gradient(180deg, black, red) !important;"; 

3. $('#btnAC').css('background-image', 'linear-gradient(180deg, black, red) !important'); 

Java代码:

WebView webView = (WebView) findViewById(R.id.webView); 
WebSettings webSettings = webView.getSettings(); 
webSettings.setJavaScriptEnabled(true); 
webView.loadUrl("http:///android_asset/Web/index.html"); 
+0

确保你已经设置了Java脚本接口启用。 'webview.getSettings()。setJavaScriptEnabled(true);' 'webview.getSettings()。setAllowFileAccess(true);' –

+0

yes已经添加 –

+0

**这可能对您有所帮助** https://stackoverflow.com/问题/ 4950729/rendering-html-in-a-webview-with-custom-css –

你可以使用WebView.loadDataWithBaseURL

  • htmlData = “” + htmlData; //假设我们有/assets/style.css文件 webView.loadDataWithBaseURL(“file:/// android_asset /”,htmlData,“text/html”,“UTF-8”,null); *
+0

它不起作用。 –