在iOS13上编辑加载到WKWebview的html文件时围绕html内容的边框
我正在尝试将本地可编辑html文件加载到WKWebview。WKWebview成功加载html文件。但是，当我开始在可编辑的html文件中键入内容时，键入的文本周围会出现一个类似于黑色边框的视图。此版本在iOS12上不可复制在iOS13上编辑加载到WKWebview的html文件时围绕html内容的边框,ios,objective-c,webkit,wkwebview,ios13,Ios,Objective C,Webkit,Wkwebview,Ios13,我正在尝试将本地可编辑html文件加载到WKWebview。WKWebview成功加载html文件。但是，当我开始在可编辑的html文件中键入内容时，键入的文本周围会出现一个类似于黑色边框的视图。此版本在iOS12上不可复制 (void)viewDidLoad { [super viewDidLoad]; NSBundle *bundle = [NSBundle mainBundle]; NSURL *indexFileURL = [bundle URLForResour
(void)viewDidLoad
{
[super viewDidLoad];
NSBundle *bundle = [NSBundle mainBundle];
NSURL *indexFileURL = [bundle URLForResource:@"index" withExtension:@"html"];
[self.wkWebView loadRequest:[NSURLRequest requestWithURL:indexFileURL]];
}
index.html:
<html>
<body>
<div id="content" contenteditable="true" style="font-family: Helvetica"> Type here </div>
</body>
<html>
向div标记添加outline:none解决了这个问题。在viewDidLoad中添加以下代码
[self.wkWebView stringByEvaluatingJavaScriptFromString:@"var style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = '*:focus{ outline:none }'; document.getElementsByTagName('head')[0].appendChild(style);"];
我也遇到了同样的问题，上面的一行帮助了我，它覆盖了整个页面的焦点元素。在viewDidLoad中添加以下代码
[self.wkWebView stringByEvaluatingJavaScriptFromString:@"var style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = '*:focus{ outline:none }'; document.getElementsByTagName('head')[0].appendChild(style);"];