首頁 web前端 html教學 iOS中通过设置CSS改变WebView字体大小,颜色,背景颜色_html/css_WEB-ITnose

iOS中通过设置CSS改变WebView字体大小,颜色,背景颜色_html/css_WEB-ITnose

Jun 24, 2016 am 11:38 AM

因为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:@" \n"

                         "

\n"

                         "

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

                         " \n"

                         " \n"

                         "

%@ \n"

                         "",13,self.strBookTips];

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

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

    NSString * formatString = @"%@";

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

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



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

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何在 Windows 11 上變更標題列顏色? 如何在 Windows 11 上變更標題列顏色? Sep 14, 2023 pm 03:33 PM

預設情況下,Windows11上的標題列顏色取決於您選擇的深色/淺色主題。但是,您可以將其變更為所需的任何顏色。在本指南中,我們將討論三種方法的逐步說明,以更改它並個性化您的桌面體驗,使其具有視覺吸引力。是否可以更改活動和非活動視窗的標題列顏色?是的,您可以使用「設定」套用變更活動視窗的標題列顏色,也可以使用登錄編輯程式變更非活動視窗的標題列顏色。若要了解這些步驟,請前往下一部分。如何在Windows11中變更標題列的顏色? 1.使用「設定」應用程式按+開啟設定視窗。 WindowsI前往“個人化”,然

在Eclipse中如何調整背景顏色設置 在Eclipse中如何調整背景顏色設置 Jan 28, 2024 am 09:08 AM

如何在Eclipse中設定背景顏色? Eclipse是廣受開發人員歡迎的整合開發環境(IDE),可用於各種程式語言的開發。它非常強大且靈活,可以透過設定來自訂介面及編輯器的外觀。本文將介紹如何在Eclipse中設定背景顏色,並提供具體的程式碼範例。一、更改編輯器背景顏色開啟Eclipse,並進入「Windows」選單。選擇“Preferences”。在左側導航

如何在 Windows 11 上反轉色彩 [使用捷徑] 如何在 Windows 11 上反轉色彩 [使用捷徑] Apr 14, 2023 pm 02:43 PM

使用 Windows 電腦時,可能需要反轉電腦的顏色。這可能是由於個人偏好或顯示驅動程式錯誤造成的。如果你想要反轉 Windows 11 電腦的顏色,本文為你提供了在 Windows 電腦上反轉顏色所需的所有必要步驟。在本文中反轉影像上的顏色是什麼意思?簡單來說,反轉影像的顏色意味著將影像的當前顏色翻轉到色輪上的相反色調。你也可以說這意味著將影像的顏色改為負片。例如,藍色影像將反轉為橙色,黑色變為白色,綠色變為洋紅色等。如何在 Windows 11 上反轉顏色? 1. 使用微軟畫圖按鍵 + ,輸

天然鈦:揭秘iPhone 15 Pro的真實色彩 天然鈦:揭秘iPhone 15 Pro的真實色彩 Sep 18, 2023 pm 02:13 PM

隨著一年一度的Wanderlust活動的結束,蘋果終於平息了長達數月的關於其iPhone15陣容的謠言和猜測。正如預期的那樣,其2023年的旗艦“Pro”型號在原始動力以及新的“鈦”設計和美學方面與眾不同。以下是新款iPhone15Pro型號的不同顏色,並確定「天然鈦」變體的真實顏色和色調。蘋果手機15專業版顏色蘋果選擇了5級鈦合金作為最新iPhone15Pro型號的材料設計。 iPhone15Pro上使用的鈦合金以其強度重量比而聞名,不僅使其更加耐用和輕便,而且還賦予該設備優雅的「刷子」質地,這

editplus如何設定背景顏色-editplus設定背景顏色的方法 editplus如何設定背景顏色-editplus設定背景顏色的方法 Mar 04, 2024 pm 07:00 PM

小夥伴們知道editplus如何設定背景顏色嗎?今天小編就來講解editplus設定背景顏色的方法,有興趣的快跟小編一起來看看吧,希望能夠幫助到大家。第一步:先開啟editplus,點選上方的Tools,如圖:第二步:在工具選單中,點選preferences,如圖:第三步:在首選項頁面,點選左側的colors,如圖:第四步:在background位置,根據需要選擇顏色即可,如圖:

win10電腦護眼顏色怎麼設定應用的詳細教學 win10電腦護眼顏色怎麼設定應用的詳細教學 Jul 08, 2023 am 10:46 AM

對辦公一族來說,面對電腦辦公就是一整天,多數軟體背景色都是純白,看的時間長了,眼睛就會感到乾澀,難受。其實,我們可以自訂調整視窗護眼色,網路上介紹的方法操作起來比較麻煩,本文小編和大家分享一招win10調整視窗護眼色的方法。快來看看電腦護眼模式怎麼設定的方法吧。 1.先在鍵盤上按下組合鍵【win】+【R】開啟運行視窗輸入【regedit】點選確定開啟。 2.然後依序展開登錄資料夾:【\HKEY_CURRENT_USER\ControlPanel\Colors】3、然後在Colors資料夾中

用Eclipse更改背景顏色的逐步指南 用Eclipse更改背景顏色的逐步指南 Jan 28, 2024 am 08:28 AM

一步步教你在Eclipse中更改背景顏色,需要具體程式碼範例Eclipse是一款非常流行的整合開發環境(IDE),經常被用來編寫和調試Java專案。在預設情況下,Eclipse的背景顏色是白色,但有些使用者可能希望更改背景顏色以適應自己的喜好或減輕眼睛疲勞。本文將一步步教你如何在Eclipse中更改背景顏色,並提供具體的程式碼範例。步驟1:打開Eclipse首先

PyCharm背景顏色修改方法詳解 PyCharm背景顏色修改方法詳解 Jan 04, 2024 am 11:03 AM

PyCharm是一款功能強大的Python整合開發環境(IDE),它為開發者提供了許多方便的功能和工具。其中一個常用的功能是修改PyCharm的背景顏色。在這篇文章中,我將詳細介紹PyCharm背景顏色修改的方法,並提供具體的程式碼範例。要修改PyCharm的背景顏色,我們需要進行以下幾個步驟:第一步:開啟PyCharm並點擊"File"選單下的"Settin

See all articles