相关疑难解决方法(0)

我可以在输入字段上使用:before或:after伪元素吗?

我试图:afterinput字段上使用CSS伪元素,但它不起作用.如果我使用它span,它可以正常工作.

<style type="text/css">
.mystyle:after {content:url(smiley.gif);}
.mystyle {color:red;}
</style>
Run Code Online (Sandbox Code Playgroud)

这是有效的(在"buu!"之后和"更多"之前放置笑脸)

<span class="mystyle">buuu!</span>a some more
Run Code Online (Sandbox Code Playgroud)

这不起作用 - 它只用红色调色someValue,但没有笑脸.

<input class="mystyle" type="text" value="someValue">
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?我应该使用另一个伪选择器吗?

注意:我不能添加span我的input,因为它是由第三方控件生成的.

html css pseudo-element css-content

648
推荐指数
15
解决办法
44万
查看次数

是否可以格式化HTML工具提示(标题属性)?

是否可以格式化HTML工具提示?

例如,我有一个属性title ="foo!"的DIV.当我的浏览器文本大小放大或缩小时,工具提示的文本大小保持不变.有没有办法使用浏览器设置进行工具提示字体缩放?

html tooltip

77
推荐指数
4
解决办法
16万
查看次数

从title ="工具提示文本"设置原生工具提示样式

我有一个具有title属性的input元素,当然这将带有工具提示和属性值的消息.

出于某种原因,此工具提示需要使用css进行样式设置.

怎么做到呢?我不知道它将在哪个容器中呈现,我对此一无所知.它也不能被firebug的开发工具访问

css input tooltip title

43
推荐指数
0
解决办法
8万
查看次数

是否可以设计标题?(还有CSS或js?)

我想知道是否可以设计样式title:

<a href="#" title="This is a title">Hello</a>
Run Code Online (Sandbox Code Playgroud)

造型问题有两个方面:

  • 文本格式化 /编码(我猜这是可能的,所以在问题中做到了*).
  • Tooltip造型,你能让它更大吗?其他颜色?等等

我的另一个问题是你如何"指出"头衔

  • 来自CSS
  • 来自Javascript/jQuery

提前致谢!


*文字格式/编码的内容:

替代文字

html javascript css styling

17
推荐指数
2
解决办法
3万
查看次数

如何在html中设置alt工具提示的样式?

是否可以为alt属性设置工具提示的样式?

我希望为html alt属性设置背景,字体颜色等样式.

有人可以帮我这个吗?

html css

10
推荐指数
3
解决办法
5万
查看次数

是否可以增强svg title工具提示的默认外观

我想通过js或css等任何方式更改svg元素(标题)中工具提示的默认外观.

我甚至试过这样的东西:

var title = document.createElementNS('http://www.w3.org/2000/svg','title');
title.textContent='<foreignObject width="100" height="50" requiredExtensions="http://www.w3.org/1999/xhtml"><div style="background:blue;">'+arr[j].ypos+'</div><foreignObject>';
rect.appendChild(title);
Run Code Online (Sandbox Code Playgroud)

但无论我插入什么作为标题的textContent,它只是呈现为一个字符串.

有没有办法设置默认工具提示的样式?在不使用任何插件的情况下,在svg中创建工具提示的其他简单直接的替代方案也是受欢迎的......

html5 svg tooltip title

8
推荐指数
1
解决办法
6191
查看次数

如何创建工具提示?

我想为工具提示创建一个自定义 CSS 类,它将包含长度超过 25-30 的字符串。通常这么长的文本不适合工具提示文本区域。

无论如何,是否可以使用Tooltip (ui.bootstrap.tooltip)来执行此操作?就像使用自定义 CSS 类来获得所需的输出一样。

这是简单的 css 工具提示 - Plunker DEMO

这是相同的代码片段:

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
   
    max-width:100px;
    padding:15px;
    min-height:30px;
    background:#fff;
    visibility: hidden;
    border: 1px solid black;
    color: #000;
    text-align: center;
    border-radius: 6px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
Run Code Online (Sandbox Code Playgroud)
<body style="text-align:center;">

<p>Move the mouse over the text below:</p>

<div class="tooltip">Hover over me 1
  <span class="tooltiptext">Tooltip …
Run Code Online (Sandbox Code Playgroud)

html css tooltip angular-bootstrap

7
推荐指数
1
解决办法
1万
查看次数

使用css设置图像标题属性的样式?

我想在我们将鼠标悬停在图像上时看到的文字样式.我尝试了以下但它不起作用:

<body>
    <img src="img.jpg" title = "<span class='title'> title </span>
</body>
Run Code Online (Sandbox Code Playgroud)

我的风格是head.我想知道为什么它被显示为纯文本以及为什么样式不起作用.

html css

6
推荐指数
2
解决办法
6万
查看次数

使用CSS设置HTML标题属性的样式

我试图设置<input type="text">使用CSS 的title属性.所以这就是我做的:

input[type="text"][title] {
    font-style: italic;
    color: gray;
}
Run Code Online (Sandbox Code Playgroud)

它工作正常,但是当我在数据库中输入数据时,数据是灰色和斜体.我希望数据(值)是正常的和黑色的,只有标题是斜体和灰色.

有任何想法吗?

html css title

6
推荐指数
1
解决办法
7万
查看次数

HTML标题属性样式

如何在不使用javascript或CSS的情况下更改以下标记中title属性的样式,因为我将HTML插入到其他不可编辑的doc中的特定位置.

    <span title = "This is information"> This is a test
    </span>
Run Code Online (Sandbox Code Playgroud)

html

6
推荐指数
1
解决办法
3万
查看次数