css 自定义uikit滑块的导航图标

v8wbuo2f  于 2022-11-26  发布在  其他
关注(0)|答案(2)|浏览(120)

代替uikit默认的箭头导航图标(〈&〉),我需要把我自己的图像或图标。像下面的图像。这是可能的吗?如果是的话,请分享。
这是我密码

<div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow>

<ul class="uk-slideshow-items">
    <li>
        <img src="images/photo.jpg" alt="" uk-cover>
    </li>
    <li>
        <img src="images/dark.jpg" alt="" uk-cover>
    </li>
    <li>
        <img src="images/light.jpg" alt="" uk-cover>
    </li>
</ul>

<a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
<a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>

uqxowvwt

uqxowvwt1#

您可以将图标添加到项目中的uikit库中,然后重新构建(编译)UI Kit。请查看uikit自定义图标的documentation。之后,您应该能够像使用其他uikit图标一样使用它们。

yi0zb3m4

yi0zb3m42#

不要认为你可以,因为图标不是设置的一部分。它是内联SVG。我试图通过CSS增加viewBox的宽度,也不确定是否可能。

相关问题