Показать сообщение отдельно
  #10 (permalink)  
Старый 03.07.2021, 21:32
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,129

Сообщение от Alex83
А возможно подменить двустрочным текстом?
<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    .but{
        height: 50px;
        width: 100px;
        padding: 0;
        font-size: 12px;
    }
    .but span{
        font-weight: bold;
    }
    .but:hover{
         font-size: 0px;
    }
    .but:hover:before{
        margin-top: 14px;
        font-size: 14px;
        content: "подменный";
        color: rgba(255, 0, 0, 1);
    }
    .but:hover:after{
        margin-top: 14px;
        font-size: 12px;
        content: "текст";
        font-weight: bold;
    }
    </style>
</head>
<body>
<button class ="but" > текст<br> <span>выделенный текст</span>
</button>
</body>
</html>
Ответить с цитированием