☰

WaniKani Less Obtrusive Input Focus

Makes the text input focus outline less obtrusive.

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！） 

// ==UserScript==
// @name        WaniKani Less Obtrusive Input Focus
// @namespace   Violentmonkey Scripts
// @match       https://www.wanikani.com/subjects/review
// @grant       GM_addStyle
// @run-at      document-start
// @version     1.1.1
// @license     Apache, https://www.apache.org/licenses/LICENSE-2.0
// @author      skatefriday
// @description Makes the text input focus outline less obtrusive.
// ==/UserScript==

// For no border at all simply remove the line containing border-bottom below. 

GM_addStyle(`
    .quiz-input__input:focus,
    .quiz-input__input:active {
      border-color: transparent !important;
      border-bottom: 2px solid #b7e0f4 !important
    }
`);