Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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
Html 如何增加所选文本的高度';她有什么背景?_Html_Css - Fatal编程技术网

Html 如何增加所选文本的高度';她有什么背景?

Html 如何增加所选文本的高度';她有什么背景?,html,css,Html,Css,我一直在谷歌搜索,但找不到一种CSS方法来增加所选文本背景的高度 例如,Atom编辑器中选定文本的背景明显高于右侧: 由于Atom是用HTML/CSS制作的,我想知道是否有CSS的组合可以达到这个效果?这有点不太好,但是你可以使用一个伪元素(比如::before)来实现它,这个伪元素有一个不间断的空格和一些填充来创建线条高度错觉: 正文{ 背景:#000; 颜色:#FFF; } ::选择{ 背景:红色; } p::以前{ 内容:“\00a0”; 填充:10px0; 显示:内联块; } 这是默

我一直在谷歌搜索,但找不到一种CSS方法来增加所选文本背景的高度

例如,Atom编辑器中选定文本的背景明显高于右侧:


由于Atom是用HTML/CSS制作的,我想知道是否有CSS的组合可以达到这个效果?

这有点不太好,但是你可以使用一个伪元素(比如
::before
)来实现它,这个伪元素有一个不间断的空格和一些填充来创建线条高度错觉:

正文{
背景:#000;
颜色:#FFF;
}
::选择{
背景:红色;
}
p::以前{
内容:“\00a0”;
填充:10px0;
显示:内联块;
}
这是默认文本

此文本有一个伪元素

您查看了填充和行距了吗?您可能可以尝试element:focus属性,然后在其中设置一个更大的字体大小,因为我认为我们只关注content@wizzardmr42是的,我两个都试过了,但文字只是上下起伏。所选文本的大小没有增加。你试过在atom中检查有效的css以找到它吗?@wizzardmr42是的,我仍然不知道它们是如何做到的,哈。我不知道OP的实际使用情况,但如果文本跨越多行,这将失败。@Aziz这很有技巧,但很天才。谢谢@Harry我想没关系,因为在我的应用程序中,每一行都是
p
。@alexchenco:如果你只需要一行文本的元素,那么Aziz的答案非常好,是一个非常好的选择。我不确定最后的问号,你应该更清楚:D@Harry我确信在我的应用程序中,每一行都是一个
p
标签。我只是不确定这是否会让一切都好起来。