iOS中通过设置CSS改变WebView字体大小，颜色，背景颜色

时间：2015-08-20 13:08:16 收藏：0 阅读：8913

因为WebView自带的属性是不可以改变字体大小颜色这些需求的，只能通过改变css样式，内置来解决。在百度上搜了半天很多不靠谱，现在给出几种解决方案如下:

1.第一种方式：在WebView的代理方法webViewDidFinishLoad中：

字体大小： [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName(‘body‘)[0].style.webkitTextSizeAdjust= ‘12%‘"];

字体颜色：[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName(‘body‘)[0].style.webkitTextFillColor= ‘green‘"];

背景颜色：[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName(‘body‘)[0].style.background=‘#F6F7F3‘"];

2.第一种方式：在下面可以通过改变margin大小来改变webview文字距离边距大小，13代表字体大小，self.strBookTips是要被操作的字符串。

NSString *BookStr = [NSString stringWithFormat:@"<html> \n"

"<head> \n"

"<style type=\"text/css\"> \n"

"body {margin:10;font-size: %d;}\n"

"</style> \n"

"</head> \n"

"<body>%@</body> \n"

"</html>",13,self.strBookTips];

[self.webView loadHTMLString:BookStr baseURL:nil];

3.第三种方式，这种缺少了改变背景颜色

NSString * formatString = @"<span style=\"font-size:13px;color:#7E7C8A\">%@</span>";

NSString * htmlString = [NSString stringWithFormat:formatString,self.strBookTips];

[self.webView loadHTMLString:BookStr baseURL:nil];