Установить по умолчанию css типа входного типа

Question

Я применяю фоновое изображение на кнопке типа ввода. для этого я написал свой код в style.css. Но теперь я хочу, чтобы эта кнопка выглядела как по умолчанию, но мое ограничение состоит в том, что я не могу удалить стиль css из style.css. Но я могу переопределить его в другом css style1.css. так как я могу переопределить это?

style.css

button 
{ 
background:red; 
} 

если я переопределить, как это он ничего не показывает.

style1.css

button 
{ 
background:none; 
} 

Answer 1

Вы можете использовать встроенные стили, или использовать !important.

Пример:

style1.css

button 
    { 
     background:none !important; 
    } 

Или рядный:

<button style="background: none;"> 

Answer 2

Вы можете сделать это, как это ...

button { background:none !important; } 

Answer 3

Возможно дубликатом вопрос для Can you style html form buttons with css?.

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

HTML

<input type="submit" name="submit" value="Submit Application" id="submit" /> 

CSS

#submit { 
    background-color: #ccc; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius:6px; 
    color: #fff; 
    font-family: 'Oswald'; 
    font-size: 20px; 
    text-decoration: none; 
    cursor: poiner; 
    border:none; 
} 



#submit:hover { 
    border: none; 
    background:red; 
    box-shadow: 0px 0px 1px #777; 

} 

Вы может даже попробовать это,

input[type="submit"]{ 
    background: #fff; 
    border: 1px solid #000; 
    text-shadow: 1px 1px 1px #000; 
} 

или даже, вы можете добавить класс:

.my_button_type 
{ 
    background: #fff; 
    border: 1px solid #000; 
    text-shadow: 1px 1px 1px #000; 
} 

Вы можете применить встроенный стиль также:

<input type="button" style="background: #333; border: 0px;" /> 

Итак, у вас есть много способов сделать это.

Answer 4

Во-первых, приоритет имеет важное значение:

<link rel="stylesheet" href="style.css" /> 
<link rel="stylesheet" href="style1.css" /> 

Вы должны поместить файл CSS после первоначального CSS, который вы хотите перезаписать.

Во-вторых, в вашем style1.css существует так много подходов, которые достигают того, чего вы хотите. Как стирает стиль CSS, который вы хотите перезаписать

//style.css 
button { 
    background: url("..."); 
} 

//style1.css 
button { 
    background: none; 
} 

или с помощью !important атрибутов, которые вы хотите реализовать.