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

因为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];

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-23 19:22:51

iOS中通过设置CSS改变WebView字体大小,颜色,背景颜色的相关文章

多点触控改变WebView字体大小

实现多个手机操作字体放大缩小,需要重写dispatchTouchEvent方法.直接上代码: public boolean dispatchTouchEvent(MotionEvent event) { String fontSize = getSharedPreference("fontSize","normal");//代表储存的字体大小 double startLength; int eventNum = event.getPointerCount();//获

IOS总结_IOS7.0以后改变状态栏字体颜的问题

首先info.plist文件中,加入View controller-based status bar appearance项 如果设为YES,则View controller对status bar的设置优先级高于application的设置:设置为NO则以application的设置为准. 虽然7.0SDK后在UIViewController中也加入加入了 - (UIStatusBarStyle)preferredStatusBarStyle NS_AVAILABLE_IOS(7_0); //

【转】苹果电脑怎么设置分辨率和调节字体大小

原文网址:https://jingyan.baidu.com/article/95c9d20da2a25eec4f75614c.html 在苹果电脑中,用户可能对系统的字体和分辨率的设置不太满意,就需要自己调大小了,那么mac系统怎么设置分辨率和调节字体大小呢?下午特意写了一个详细的图文教程叫大家如何分辨率和调节字体大小,接下来我就教大家怎么设置. 工具/原料 苹果电脑一台 方法/步骤 首先点击在桌面底部的dock栏,找到“系统偏好设置”.   然后在打开的系统偏好设置找到显示器选项.   进入

android中设置ListView的选中的Item的背景颜色

ListView中没有默认的选择颜色,只有选择Item后的焦点颜色,鼠标点击时Item有颜色,放开鼠标后颜色也就没有了,要实现放开鼠标后选择项的背景还是有颜色的. 1.配置main.xml Java代码   <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

ExtJS4.2 Grid知识点三:改变表格Grid单元格背景颜色

在ExtJS4.2 Grid知识点一:改变表格Grid单元格文字颜色一文中讲解了如何改变单元格中文字颜色,接下来在本章学习如何改变Grid中单元格的背景颜色,显示结果如图片: 在线演示  /  示例代码 实现方式同样是为Grid中该列自定义renderer函数,查询ExtJS 4.2 API得知,Ext.grid.column.Column的renderer属性可以是一个函数也可以是字符串,这个知识点是通过函数来实现的.函数参数列表如下: value : 当前待渲染的单元格值,即表格中某行某列的

jQuery改变鼠标经过行的背景颜色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

用CSS怎样实现鼠标移上去背景颜色变色 onmouseover、onmouseout

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

Android设置不被系统设置改变的字体大小

原因 从4.0开始,系统设置中“显示”可以对字体大小进行配置,这会影响到TextView等控件中文字显示的大小. 解决方案 在自定义的Activity中重写getResources方法 @Override public Resources getResources() { Resources res = super.getResources(); Configuration conf = new Configuration(); conf.setToDefaults(); res.updateC

CSS知识点之字体大小属性font-size

管理文本的大小在 web 设计领域很重要.但是,不应当通过调整文本大小使段落看上去像标题,或者使标题看上去像段落.请始终使用正确的 HTML 标题,比如使用 <h1> - <h6> 来标记标题,使用 <p> 来标记段落. font-size 值可以是绝对或相对值. 绝对值: 将文本设置为指定的大小 不允许用户在所有浏览器中改变文本大小(不利于可用性) 绝对大小在确定了输出的物理尺寸时很有用 相对大小: 相对于周围的元素来设置大小 允许用户在浏览器改变文本大小 注意:如果