0

こんにちは私は入力のプロパティをオーバーライドしようとしています。なぜなら、私はWebサイトを作成していて、通常のPC（Webレスポンシブ）のデザインが必要だからです。たとえば、nexlogginフォームは次のとおりです。

<!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;
    }
}

入力テキストの幅を上書きするにはどうすればよいですか？

4

1 に答える 1

0

CSSプロパティは、次の!importantフラグで1回オーバーライドできます。

.ui-input-text
{
    width: 200px !important;
}
于 2013-02-18T00:12:47.253 に答える