我试图:after在input字段上使用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工具提示?
例如,我有一个属性title ="foo!"的DIV.当我的浏览器文本大小放大或缩小时,工具提示的文本大小保持不变.有没有办法使用浏览器设置进行工具提示字体缩放?
我有一个具有title属性的input元素,当然这将带有工具提示和属性值的消息.
出于某种原因,此工具提示需要使用css进行样式设置.
怎么做到呢?我不知道它将在哪个容器中呈现,我对此一无所知.它也不能被firebug的开发工具访问
我想知道是否可以设计样式title:
<a href="#" title="This is a title">Hello</a>
Run Code Online (Sandbox Code Playgroud)
造型问题有两个方面:
我的另一个问题是你如何"指出"头衔?
提前致谢!
*文字格式/编码的内容:

是否可以为alt属性设置工具提示的样式?
我希望为html alt属性设置背景,字体颜色等样式.
有人可以帮我这个吗?
我想通过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中创建工具提示的其他简单直接的替代方案也是受欢迎的......
我想为工具提示创建一个自定义 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)我想在我们将鼠标悬停在图像上时看到的文字样式.我尝试了以下但它不起作用:
<body>
<img src="img.jpg" title = "<span class='title'> title </span>
</body>
Run Code Online (Sandbox Code Playgroud)
我的风格是head.我想知道为什么它被显示为纯文本以及为什么样式不起作用.
我试图设置<input type="text">使用CSS 的title属性.所以这就是我做的:
input[type="text"][title] {
font-style: italic;
color: gray;
}
Run Code Online (Sandbox Code Playgroud)
它工作正常,但是当我在数据库中输入数据时,数据是灰色和斜体.我希望数据(值)是正常的和黑色的,只有标题是斜体和灰色.
有任何想法吗?
如何在不使用javascript或CSS的情况下更改以下标记中title属性的样式,因为我将HTML插入到其他不可编辑的doc中的特定位置.
<span title = "This is information"> This is a test
</span>
Run Code Online (Sandbox Code Playgroud) html ×8
css ×7
tooltip ×4
title ×3
css-content ×1
html5 ×1
input ×1
javascript ×1
styling ×1
svg ×1