Кто угодно может исправить это, добавив стили для кнопки "Загрузить", не нарушая работу кнопки. - PullRequest
Новая
       0

Кто угодно может исправить это, добавив стили для кнопки "Загрузить", не нарушая работу кнопки.

1 голос
/ 21 июня 2020

Я хочу добавить стиля кнопке «Загрузить», она выглядит так формально. хотите добавить несколько стилей кнопок. Может ли кто-нибудь помочь мне с этим?

Код на 100% правильный, просто хочу сделать стили для кнопок загрузки sh с заданными стилями. 

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html
                xmlns="http://www.w3.org/1999/xhtml">
                <head>
                    <title></title>
                    <style type="text/css">
                body {
                    font-family: Arial;
                    font-size: 10pt;
                }
                </style>
                </head>
                <body>
                    <input type="button" value="Download" onclick="DelayRedirect()" />
                    <br />
                    <br />
                    <div id="dvCountDown" style="display: none"> You will be redirected after 
                        <span id="lblCount"></span>&nbsp;seconds. 
                    </div>
                    
                </body>
            </html>

CSS, который я хочу добавить, приведен ниже - 

                <style>
            .button {
              background-color: DodgerBlue;
              border: none;
              color: white;
              padding: 12px 30px;
              cursor: pointer;
              font-size: 20px;
            }
            
            /* Darker background on mouse-over */
            .button:hover {
              background-color: RoyalBlue;
            }
            </style>

1 Ответ

0 голосов
/ 21 июня 2020

У вас нет авторства для вашей кнопки. Используйте: 

input[type="button"]{ /*<-- this is how you refer to an element like INPUT */
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px;
}
input[type="button"]:hover {
  background-color: RoyalBlue;
}
                    <input type="button" value="Download" onclick="DelayRedirect()" />
                    <br />
                    <br />
                    <div id="dvCountDown" style="display: none"> You will be redirected after 
                        <span id="lblCount"></span>&nbsp;seconds. 
                    </div>

Как ссылаться в стилях

  • .className для класса
  • # idName для идентификатора
  • elementName для элемента

Все это можно использовать в кнопке ввода, например: 

<input class="className"......>

<input id="idName".......>

<input.....>

См.: HTML Классы

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...