如何减小smallipop插件工具提示上三角形形状的大小?
Smallipop website.

javascript - Smallipop jQuery插件-如何减小三 Angular 形的大小?-LMLPHP

我希望三角形的宽度和高度减少约2px。

最佳答案

您将需要覆盖它们的类。

.smallipop-instance:after




.smallipop-instance:before


可能有多个用于处理不同的屏幕尺寸和三角形位置。每个都有一些CSS样式,分别对应于顶部,底部,左侧或右侧的三角形。重要的样式是:

top: -24px;
bottom: -20px;
margin-left: -10px;
border: 10px solid transparent;


不是那些特定的值,而是那些CSS属性。我只是从CSS中获取了这些示例。要更改三角形的大小,您需要调整border像素大小。较低的值表示较小的三角形。

进行更改将导致三角形不再居中,并且不再直接靠在工具提示上。根据三角形的位置:顶部,左侧,右侧或底部,您将需要调整正确的类并更改其topbottom值及其margin-left值以补偿尺寸变化。

也有一些班级

.smallipop-left:after
.smallipop-right:after
.smallipop-bottom:after


看起来它们取决于工具提示和三角形的位置,将覆盖边距,顶部,左侧,右侧或底部值。

希望这可以帮助您开始理解并进行所需的更改!

关于javascript - Smallipop jQuery插件-如何减小三 Angular 形的大小?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33832685/

10-10 12:41