html溢出文本hint显示,HTML5：在光标附近显示提示文本(HTML5: Show hint text near to cursor)...

最新推荐文章于 2024-08-10 08:14:45 发布

weixin_39524959

最新推荐文章于 2024-08-10 08:14:45 发布

阅读量257

点赞数

文章标签： html溢出文本hint显示

这篇博客探讨了如何在HTML5中创建一种跟随光标的提示文本效果，类似于工具提示。通过使用CSS和HTML的data-tooltip属性，可以在鼠标悬停时显示提示文本。此外，还提到了HTML5的placeholder属性作为另一种实现方式，以及浏览器的兼容性问题。文章提供了代码示例和相关资源链接，帮助开发者实现这一功能。

摘要由CSDN通过智能技术生成

HTML5：在光标附近显示提示文本(HTML5: Show hint text near to cursor)

我正在寻找一种方法来显示随光标移动的文本(提示)。有没有办法用GWT或原生HTML5做到这一点？

I am looking for a way to show a text (hint) that moves with the cursor. Is there a way to do it with GWT or native HTML5?

原文：https://stackoverflow.com/questions/12341822

更新时间：2019-09-03 11:52

最满意答案

可以使用直接的CSS和HTML来执行工具提示(如果这是您正在寻找的)。

我无法确认我之前使用过这个，但代码是这样的：

HTML

I really like pie.

CSS

.tooltip:hover:after { content: attr(data-tooltip); }

There is the ability to do tooltips (if that's what you're looking for) with straight CSS and HTML.

I can't confirm I've used this before, but the code would be something like this:

HTML

I really like pie.

CSS

.tooltip:hover:after { content: attr(data-tooltip); }

相关问答

另一种选择是，如果您乐意将此功能仅适用于较新的浏览器，则使用HTML 5的占位符属性提供的支持：

在没有任何风格的情况下，在Chrome中看起来像：您可以在这里和HTML5占位符样式CSS中尝试演示。请务必检查浏览器的兼容性。在Firefox中添加了3.7的支持。 Chrome是好的 Internet Explorer仅在10中添加了支持。如果您定位的浏览器不支持输入占位符，则可以使用名为j

...

必须将android:iconifiedByDefault更改为app:iconifiedByDefault 并添加这两行以避免在启动活动时启动键盘，并且仅在单击searchview后才显示 android:focusable="false"

android:focusableInTouchMode="true"

所以试试这个：

android:id="@+id/airlines_searchV

...

protected void paint(Graphics g)

{

if(super.getText().length() == 0)

{

g.setColor(Color.GRAY);

g.drawText("MMYY", 0, 0);

}

g.setColor(Color.BLACK);

super.paint(g);

};

here is the implementation within paint() meth

...

这看起来像一个SDK错误，或者至少与一个有关。 http://code.google.com/p/android/issues/detail?id=7252 如果删除以下内容，则会显示提示：机器人：比重=“中心” It seems like a SDK bug, or at least related to one. http://code.google.com/p/android/issues/detail?id=7252 The hint shows up if you remove the

...

// assuming you have a EditText view with id

View viewById = getView().findViewById(R.id.editTextId);

if(viewById!=null) {

// set listener to this view "many views could share one listener"

viewById.setOnFocusChangeListen

...

如果您正在寻找的话，这应该可以帮助您在工具提示中获得新的内容： https ： //github.com/chinchang/hint.css/issues/13 基本上你需要改变white-space值： .hint:after, [data-hint]:after {

white-space: pre;

}

演示或者你也可以简单地在工具提示上设置 max-width并删除white-space: nowrap 。 This should help you get new lines in

...