【问题标题】:Is there a CSS selector that will select elements with overflowing text?是否有一个 CSS 选择器可以选择带有溢出文本的元素?
【发布时间】:2013-05-31 20:10:09
【问题描述】:

是否可以编写一个仅选择已调用文本溢出行为的元素的 css 选择器?

<div style="width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis">
I don't want to select this
</div>

<div style="width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis">
But I do want to select this because it's overflowing
</div>

Fiddle

【问题讨论】:

  • 我认为您需要 javascript。这是一个类似的帖子:stackoverflow.com/questions/7668636/…
  • 不,没有。但具体取决于您想对溢出做什么,可能还有另一种方法来实现它。
  • @Spudley - 我正在尝试为文本块构建非本机工具提示样式。我只是想看看在我走 Javascript 路线之前是否有一个我可以使用的 CSS 选择器。
  • 我过去所做的这种事情是使用:hover 来更改元素,当您将鼠标悬停在元素上时,溢出可见,并给它一些额外的样式,如边框和背景。我想这就是你正在考虑的那种事情?您无法区分溢出的和未溢出的,但效果同样适用。
  • 这也是我最终所做的。这是我以前做过好几次的事情之一,但这次我总是尝试以不同的方式做这件事:)

标签: css-selectors css


【解决方案1】:

没有 CSS 选择器,您可以使用它来选择发生溢出的元素。

【讨论】:

猜你喜欢
  • 2016-02-27
  • 2012-10-24
  • 2021-02-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-07-11
相关资源
最近更新 更多