显示:before但仅使用CSS隐藏元素

阿尔比

我有一个文档,我无法编辑(Shopify上的付款页面)的HTML,因此出于安全原因,它们不允许您进行编辑(很遗憾,与javascript相同)。

但是,您可以编辑自己的css因此,这就是为什么css只有可能的情况。

我想基本上通过替换文本css我知道这本身是不可能的,但这就是我设法做到下一个最好的事情的方法:

的HTML

<P>This is some nice text here</p>

的CSS

p:before{
  content:'This text has replaced the original.';
  visibility:visible;
}

p{
  visibility:hidden;
}

JsFiddle - Codepen(用于在IE8 / EI9中查看)

在大多数情况下,这是可行的,现在是我们的首选方法。

但是,在IE8 / EI9中visibility不受支持。来源

我尝试了其他方法,例如:

display:none;

opacity:0;

但是他们都隐藏了:before

我也尝试将文本颜色更改为背景颜色,但是我们不喜欢将文本突出显示时仍保留在屏幕上的想法(我知道,乞g不能成为选择者)。

我的问题是:在IE8 / EI9中是否可以使用这种方法的替代方法?

谢谢。

G-西里尔

您可以使用font-size:http : //codepen.io/anon/pen/KuJln

p:before{
  content:'This text has replaced the original.';
  font-size:16px;/* if rem not supported */
  font-size:1rem;
}

p{
  font-size:0.01px;/* 0+ for ie , yep :) */
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用CSS隐藏元素

来自分类Dev

在Dart中使用CSS隐藏和显示Web元素?

来自分类Dev

使用JavaScript隐藏/显示元素

来自分类Dev

使用AngularJs显示/隐藏元素

来自分类Dev

如何仅使用CSS选择显示的元素

来自分类Dev

使用jQuery反复显示/隐藏元素

来自分类Dev

使用jQuery显示或隐藏div元素

来自分类Dev

仅CSS:在选择输入时显示元素

来自分类Dev

过渡后仅使用CSS隐藏元素

来自分类Dev

仅使用CSS淡出后隐藏元素

来自分类Dev

仅使用CSS隐藏Div

来自分类Dev

使用CSS3对显示/隐藏元素的CSS过渡效果

来自分类Dev

使用CSS显示和隐藏元素不起作用

来自分类Dev

仅使用Javascript隐藏/显示元素,而不会弄乱DOM

来自分类Dev

在父级鼠标悬停时显示跨度,仅使用CSS延迟隐藏它

来自分类Dev

使用javascript显示/隐藏<section>元素

来自分类Dev

使用react-select隐藏/显示元素-不隐藏元素

来自分类Dev

仅使用Javascript在滚动上显示/隐藏元素

来自分类Dev

悬停时的css或jquery仅显示当前div的隐藏子元素

来自分类Dev

如何仅显示具有ID的div,而仅使用CSS隐藏其他div

来自分类Dev

使用CSS的隐藏显示功能

来自分类Dev

仅CSS,显示隐藏的div,显示隐藏的div后,隐藏“显示”链接

来自分类Dev

仅CSS:选择输入时显示元素

来自分类Dev

仅使用CSS如何显示固定高度div内图像的隐藏部分?

来自分类Dev

仅使用HTML的显示/隐藏功能

来自分类Dev

使用CSS仅隐藏Div的底部阴影

来自分类Dev

如何隐藏html表中行之间的边框并使用css仅显示列之间的边框

来自分类Dev

仅使用内嵌 CSS 隐藏/显示 CSS

来自分类Dev

如何使用css隐藏类的特定元素并显示同一类的其他元素

Related 相关文章

热门标签

归档