Изменения кнопки HTML отображаются, когда я добавляю цвет фона?

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

<button button="" id="StopRec" style="display: inline-block;"  onclick="someFunction(); someOtherFunction()" type="button">Continue</button>

Но когда я пытаюсь добавить цвет фона, он игнорирует «отображение: встроенный блок» и возвращается к нормальному состоянию.

<button button="" id="StopRec" style="display: inline-block;background-color:#2D4A5A;"  onclick="someFunction(); someOtherFunction()" type="button">Continue</button>    

По какой-то причине мне не разрешено использовать их вместе?


person Chace Mcguyer    schedule 28.04.2017    source источник
comment
Что вы имеете в виду под «возвратом к нормальному состоянию»? jsfiddle.net/jyz22j2x   -  person Patrick Moore    schedule 28.04.2017
comment
Граница и форма кнопки возвращаются к прямоугольнику по умолчанию. Vice остается встроенным блоком.   -  person Chace Mcguyer    schedule 28.04.2017
comment
Вы понимаете, что я имею в виду под «формой» кнопки?   -  person Chace Mcguyer    schedule 01.05.2017
comment
Нет, я не... какой у тебя браузер? Для меня в Chrome (Windows) кнопки выглядят очень похоже.   -  person Patrick Moore    schedule 01.05.2017
comment
Я смог это исправить, button id="StopRec" onclick="pleaseWait(); stopRec(); hideStopRec();" style="background-color:#15364b; border:#15364b; border-radius:4px; color:white; padding:10px 15px; font-size:15px; font-weight:400; line-height:1.4" type="button">Continue</button>   -  person Chace Mcguyer    schedule 03.05.2017


Ответы (1)


Я смог исправить проблему, изменив отступы, радиус границы и высоту строки:

button id="StopRec" onclick="pleaseWait(); stopRec(); hideStopRec();"
style="background-color:#15364b; border:#15364b; border-radius:4px;
color:white; padding:10px 15px; font-size:15px; font-weight:400; line-
height:1.4" type="button">Continue</button>
person Chace Mcguyer    schedule 03.05.2017