Как выделить выделенный текст с помощью CSS? - PullRequest
Новая
       1

Как выделить выделенный текст с помощью CSS?

0 голосов
/ 04 июля 2018

как выделить выделенный текст, например, кнопку, которая должна быть выделена, например, мне нужно, чтобы она отображалась на экране с помощью css

введите описание изображения здесь

Может ли кто-нибудь помочь мне с решением или ссылкой, чтобы поделиться какой-либо информацией.

Ответы [ 3 ]

0 голосов
/ 04 июля 2018

Это то, что вы можете сделать, чтобы выделить текст в HTML, используя CSS. При перетаскивании по тексту текст будет выделен 

<head>
<style>
::-moz-selection { /* Code for Firefox */
    color: red;
    background: yellow;
}

::selection {
    color: red;
    background: yellow;
}
</style>
</head>
<body>

<h1>Select some text on this page:</h1>

<p>This is a paragraph.</p>
<div>This is some text in a div element.</div>

<p><strong>Note:</strong> ::selection is not supported in Internet Explorer 8 and earlier versions.</p>
<p><strong>Note:</strong> Firefox supports an alternative, the ::-moz-selection property.</p>

</body>
</html>
0 голосов
/ 05 июля 2018

Попробуйте это 

h1::selection, h2::selection {
  background: #000000;
  color: #ffffff;
}
p::selection {
  padding: 5px 10px;
  background: red;
  color: #ffffff;
}
<h1>Example of heading one</h1>
<br>
<h2>Heading two</h2>
<br>
<p>this is the content section<p/p>
0 голосов
/ 04 июля 2018 
.selected-text{
  background:#fff;
  color :#000;
  display:inline-block;
  text-transform:uppercase;
  padding :3px
  font-size:18px;
  font-weight:800;
}

HTML 

<span class="selected-text">en</span>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...