相关疑难解决方法(0)

我正在使用 React Material-ui 库中的 Tab 组件。当 Tab 元素处于焦点时，该选项卡的左右边框上会出现这种奇怪的轮廓。

有什么方法可以删除这个活动/焦点轮廓吗？

下面是有问题的奇怪焦点样式的图像

我的代码如下：

import { Fragment } from 'react';
import styled from 'styled-components'
import Card from 'components/Elements/Card';
import CardItem from 'components/Elements/CardItem';
import CreateAccountForm from 'components/Forms/CreateAccount/container';
import { withTheme } from 'styled-components';
import { Container, Row, Col } from 'styled-bootstrap-grid';
import { pure } from 'recompact';

import Tabs from '@material-ui/core/Tabs';
import Tab from '@material-ui/core/Tab';
import { withStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';

import OpenModalButton from 'components/Modal/OpenModalButton/container';

const styles = theme => …

我正在使用这个React Material Modal。在演示示例中，您可以看到当您打开模式时，有一个蓝色边框。

有办法去掉吗？

我在 Modal Api 中看到具有该属性disableAutoFocus，但我设置为“true”，并且我的模态仍然具有蓝色边框：

<Modal
        disableAutoFocus="true"
        aria-labelledby="transition-modal-title"
        aria-describedby="transition-modal-description"
        className={classes.modal}
        open={open}
        onClose={handleClose}
        closeAfterTransition
        BackdropComponent={Backdrop}
        BackdropProps={{
          timeout: 500,
        }}
      >

我怎样才能删除这个？