如何减小smallipop插件工具提示上三角形形状的大小?
Smallipop website.
我希望三角形的宽度和高度减少约2px。
最佳答案
您将需要覆盖它们的类。
.smallipop-instance:after
和
.smallipop-instance:before
可能有多个用于处理不同的屏幕尺寸和三角形位置。每个都有一些CSS样式,分别对应于顶部,底部,左侧或右侧的三角形。重要的样式是:
top: -24px;
bottom: -20px;
margin-left: -10px;
border: 10px solid transparent;
不是那些特定的值,而是那些CSS属性。我只是从CSS中获取了这些示例。要更改三角形的大小,您需要调整
border
像素大小。较低的值表示较小的三角形。进行更改将导致三角形不再居中,并且不再直接靠在工具提示上。根据三角形的位置:顶部,左侧,右侧或底部,您将需要调整正确的类并更改其
top
或bottom
值及其margin-left
值以补偿尺寸变化。也有一些班级
.smallipop-left:after
.smallipop-right:after
.smallipop-bottom:after
看起来它们取决于工具提示和三角形的位置,将覆盖边距,顶部,左侧,右侧或底部值。
希望这可以帮助您开始理解并进行所需的更改!
关于javascript - Smallipop jQuery插件-如何减小三 Angular 形的大小?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33832685/