javascript - 如何更改工具提示的位置

Question

我的要求就像我只需要在左侧显示工具提示，我不希望它显示在右侧。我需要做哪些 css 更改才能实现此目的。请帮我解决这个问题。

注意:我不想使用任何类型的插件，仅在 html(标题)工具提示中进行更改。

HTML

<input type='button' class='sam' id='btnSubmit' value ='submit' title='Click here to submit'/>

CSS

.sam{
    width:200px;
    margin-left:120px;
    margin-top:25px;  

}

.sam[title] {
    position:fixed;
top:100px;
left:50px;
}

这里附上我试过的链接

JsFiddle Link

Answer 1

如果没有插件或自定义代码，这是不可能的。您必须使用 HTML/CSS 实现一个自定义工具提示，并在悬停时动态显示它。

顺便说一句:你的 CSS-Selector .sam[title] 匹配所有具有类“sam”和任何标题的元素，以选择所有标题为“hello”的元素使用这个选择器:.sam[title=hello]