时间戳

首页 > 解决方案 > why two border showing on hover of input field?

reactjs - why two border showing on hover of input field?

问题描述

could you please tell me why two border showing on hover of input field ? see my image enter image description here

I am using react+ material with react . here is my code https://codesandbox.io/s/kxx08jo487

I want only one border red .I tried like that

root: {
    '&>div': {
      '&:hover': {
        borderBottom: '1px solid red',
      }
    },
  },

I take help from this link https://material-ui.com/customization/overrides/

标签： reactjsreact-reduxmaterial-designmaterial-uijss

解决方案

Hi joy since Material UI has been evolving rapidly. There are drastic changes in API being reflected in docs. We use formLabel inside formControl to take leverage of JSS.

Here is the working code: Border Color Customised

推荐阅读