Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Chrome/Opera中的文字装饰厚度_Css - Fatal编程技术网

Css Chrome/Opera中的文字装饰厚度

Css Chrome/Opera中的文字装饰厚度,css,Css,我使用以下代码设置下划线样式: text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; text-decoration-skip-ink: none; 不幸的是,到目前为止,这只适用于Safari和Firefox这样做的优雅方式是什么,以便它也适用于其他常见浏览器,如Chrome或Opera?在添加样式之前,您可以使用边框底部属性来支持所有浏览器,而不是文本装饰厚度使用-

我使用以下代码设置下划线样式:

text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
text-decoration-skip-ink: none;

不幸的是,到目前为止,这只适用于Safari和Firefox这样做的优雅方式是什么,以便它也适用于其他常见浏览器,如Chrome或Opera?

在添加样式之前,您可以使用
边框底部
属性来支持所有浏览器,而不是
文本装饰厚度

使用-webkit。Webkit适用于Google Chrome、Safari和Android浏览器。并用-o-表示歌剧。想想看:“索邦,不幸的是,在这种情况下,这是行不通的……