忽略屬性CSS3 Jquery Mobile

你好，我試圖重寫輸入中的屬性，因爲我正在建立一個站點到web，並且需要一個普通的pc（web響應）設計。例如，NEX洛形式：忽略屬性CSS3 Jquery Mobile

<!DOCTYPE html> 
<html> 
<head> 
<title>Example </title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
<link rel="stylesheet" href="resouce/css/loggin.css" /> 

</head> 
<body> 

<div data-role="page"> 

<div data-role="header"> 
    <h1>Loggin</h1> 
</div><!-- /header --> 

<div id="formulario"> 
    <form method="POST" action="" data-ajax="false"> 
     <label for="usuarioLogin">Username:</label><br> 
     <input type="text" name="usuarioLogin" id="usuarioLogin" /><br> 
     <label for="passwordLogin">Password:</label><br> 
     <input type="password" name="passwordLogin" id="passwordLogin" /><br> 
     <button id="ingresarLogin" type="submit" data-theme="a">Ingresar</button> 
    </form> 
</div> 


</div><!-- /page --> 

</body> 
</html>

的loggin.css包含覆蓋CSS代碼，這是代碼：

@media all and (max-width: 1280px) 
{ 
.ui-input-text ui-body-c ui-corner-all ui-shadow-inset 
    { 
     width:300px; 
    } 
}

如何覆蓋寬輸入文字？

來源

2013-02-18 Cristian Chaparro A.

您可以用!important標誌一旦覆蓋CSS屬性：

.ui-input-text 
{ 
    width: 200px !important; 
}

來源

2013-02-18 00:12:47 Taz

忽略屬性CSS3 Jquery Mobile

回答

相關問題