Кнопка react js скрыть всплывающую подсказку HTML-заголовка по умолчанию для React JS с использованием CSS

#html #css #reactjs

#HTML #css #reactjs

Вопрос:

У меня есть много кнопок, которые мне нужны, чтобы отключить или скрыть HTML всплывающую подсказку по умолчанию, которая является результатом атрибута title в <Button title='test'></Button>

Я прочитал здесь несколько сообщений, в которых рекомендуется использовать CSS события-указатели, которые отключают всплывающую подсказку при наведении курсора, а также нажатие кнопки. <Button title='test' style={{pointer-events: none}}></Button>

Я не смог найти здесь никаких сообщений об удалении атрибута title из кнопки в компоненте React, removeAttr('title') поэтому я перехожу к

попытка скрыть поле содержимого всплывающей подсказки HTML и текст с помощью изменения границы всплывающей подсказки, текста и фона на белый цвет с помощью чего-то вроде этого

 const buttonStyle = {
  hover: {
    color: '#fff", backgroundColor: '#fff' 
  }
  //'amp;:hover':{
  //  color: '#fff", backgroundColor: '#fff' 
  //}
}
 

пробовал как hover:, так и ‘amp;: hover’ : {} с белым фоном, чтобы скрыть всплывающую подсказку html, но стиль не вступает в силу.

 <Button title='test' style={buttonStyle}></Button>
 

Пока безуспешно, и удаление атрибута title из элемента управления button не является вариантом.

Комментарии:

1. Это пользовательский интерфейс material?

2. react-bootstrap