score:0
then. i'll write in the answers try this :
a, a:hover, a:focus { outline: none; }
score:0
to solve this issue gakeko betsi suggested to edit the css for the a element with this line a, a:hover, a:focus { outline: none; }
score:0
gakeko betsi's answer is correct, however, it is worth noting that the outline has value especially in the case of accessibility. if you do remove it via css make sure you provide some styling that is obvious.
another thing to remember is that accessibility is not just something for those that have disabilities, but also for your sites' power users or people that aren't using the mouse as their main mode of navigation.
the link below goes into great depth and is a very worthwhile read - https://www.deque.com/blog/give-site-focus-tips-designing-usable-focus-indicators/
Source: stackoverflow.com
Related Query
- Material-ui menu item link has blue mark around it
- Material UI Menu not closing after clicking a menu item
- How show menu item in Material Table
- How do I show which item in the Menu List is selected with Material UI React?
- React button has blue border around it when clicking
- How to automatically close react-select menu once the last item has been selected? (empty list)
- List Item link using Material UI
- How to load first menu item by default with a different Router Link
- how to menu item redirect to a link using href?
- React + Material Design Lite - How to close navigation drawer when menu link is clicked?
- How to identify which menu item has been clicked in React?
- Dropdown Menu Item in React Material UI
- onChange is not invoked when dropdown menu has only 1 item
- Customize menu item of material ui
- How to fix problem with multiple menu item from material ui
- Add a unique ID to each menu item in Material UI TablePagination
- CSS Position Material UI Menu item below its parent
- How to keep a material ui select specific menu item selected?
- Material UI Menu using routes
- react-bootstrap how to collapse menu when item is selected
- Change default color of Link from blue to white
- Using the Material UI Link component with the Next.JS Link Component
- React Router with - Ant Design Sider: how to populate content section with components for relevant menu item
- Material UI: drawer with expandable side menu
- How to stop react-native link from linking a library with CocoaPods with it has a podspec?
- How to programmatically expand or collapse Tree Item in Material Ui?
- Material UI Autocomplete - Disable listbox after the item selection
- How to change Content based on Menu Item click in AntD (React UI Library)
- Material-UI Left Drawer in App Bar won't close on overlay click or menu item click in React
- Make child of Material UI Grid item stretch to fit the remaining height of the parent container
More Query from same tag
- Focus Select element
- Is it possible to use `ref` for a TextNode?
- Typescript build fails when I am trying to create an antd custom form
- Change the color of specific row of bootstrap table dynamically
- Is storing access token in cookie to allow for SSR dangerous?
- How to add Items to an existing array without affecting the current ones in React
- useState does not update the value on Component Re-render
- how to map data inside data
- Add point to SVG polygon on line closest to click event
- Using a Font Awesome Icon with react-select v2?
- React. You should not use <withRouter(App) /> outside a <Router>
- Getting error 'TypeError: Cannot read property 'id' of undefined' on browser refresh
- How to use background-image: url() with a relative path in react?
- Routing with Django and React
- React Apollo client not updating loading flag using fetchMore(). Why?
- TypeError: Cannot read property 'name' of undefined react
- How do I pass in component from parent to chlid and the child pass in field to the components?
- Reading excel file in Reactjs
- React Hooks: memoize click handlers for list?
- Input losing focus after typing a character
- React Typescript: Exporting types containing enums
- React: conditional dependency on useEffect? Or how to prevent redundancy?
- React Can't Access Array Inside Object
- How to open new page and scroll to id leaving the URL unaffected?
- Execute Vanilla JS Scripts in React after DOM Render
- why is useEffect not updating the value after the api call?
- In React how do you check if at least one checkbox has been selected
- How to get the npm script arguments in reactjs
- Multiple API calls with Promise.all and dispatch an action
- Ant design Area chart - remove canvas margins