小编Tot*_*rvo的帖子

当元素也悬停时,不显示 Tailwind 活动样式

我正在使用 TailwindCSS 并且正在制作一个简单的按钮,我希望在悬停时有一个阴影,然后在聚焦或活动时缩小。悬停样式有效,但活动样式无效。但是,当我单击它然后将鼠标从按钮上移开时它确实有效。

按钮:

<router-link :to="{name: 'createEvent'}" tag="button" class="w-1/6 mx-auto rounded-full font-semibold py-2 px-4 border border-white rounded text-blue-400 bg-white hover:shadow-lg focus:bounce-sm hover:translate-t-2px transition-fast">
   Get Started
</router-link>
Run Code Online (Sandbox Code Playgroud)

CSS:

/*scale*/
@variants responsive, hover, focus, active {
    .bounce-sm {
       transform: scale(0.95);
    }
}
Run Code Online (Sandbox Code Playgroud)

截图:

悬停作品

当悬停也打开时焦点不起作用 在此处输入图片说明

但是当悬停未打开时焦点有效 在此处输入图片说明

有人可以向我解释为什么会这样以及我如何解决它吗?谢谢!

html css laravel tailwind-css

3
推荐指数
1
解决办法
8854
查看次数

在给定的宽容度下,如何最好地看到给定的字符串是否在另一个字符串中?

我正在尝试在laravel中创建一个程序,一个人可以回答一个问题。在控制器中,我想检查namedAnswer是否与任何实际答案匹配。

我在网上看到了一些建议的东西。大多数人建议使用strpos。但是,我发现它无法正常运行。

例如,如果正确答案之一是“ Quorin Halfhand”,则strpos将对诸如“ Quo,Half,Hand,alf等”之类的答案显示return true。

我可以选择一个选项,让我进行清理并陈述我愿意接受的错误程度。

有什么有用的东西吗?

if (strpos($answers[$i], $request->answer) !== false) {
      return 'an answer matches!';
 } else {
      return 'no answer mathches'
 }
Run Code Online (Sandbox Code Playgroud)

php strpos laravel

0
推荐指数
1
解决办法
26
查看次数

标签 统计

laravel ×2

css ×1

html ×1

php ×1

strpos ×1

tailwind-css ×1