Question

我试图将页面的整个部分用作到另一个页面的链接，但是当用户将鼠标悬停在该部分时，我不希望该部分以蓝色突出显示。不管我做什么，都突出显示悬停。
JS


import { NavLink } from "react-router-dom";
<NavLink to="/application" className="nohighlight">
          <h1 className="puppytitle">
           Get your own puppy 
           
          </h1>
        </NavLink>

CSS

我以为使用！important就像是CSS的核选项，但即使那样也不起作用。

.nohighlight {
text-emphasis: none;
text-decoration: none;
}
.nohightlight:hover {
  text-decoration: none !important;
}

谢谢。

Answer 1

看起来您需要做的就是定义文本的颜色。这是一个示例：

// this is the edittext
        this.setOnFocusChangeListener(new OnFocusChangeListener() {

            @Override
            public void onFocusChange(View view, boolean hasFocus) {
                int[] absLocation = new int[2];
                int absHeight = absLocation[1];

                if (hasFocus) {
                        ScrollView sv = // get the id of your scroll view

                        if (sv != null){
                            view.postDelayed(new Runnable() {

                                @Override
                                public void run() {
                                    sv.smoothScrollBy(0, number); // how much you want to scroll to
                                }
                            }, 700);  // some delay after the adjust Resize

                        }
                    }
                }
            }
        });
    }
    ```

CodeSandbox：https://codesandbox.io/s/stack-63925598-navlink-color-gqop8

防止Navlink在悬停时突出显示

1 个答案: