입력 버튼이 올바른 CSS 클래스를 사용하지 않습니다

-1

jquery mobile을 사용하여 응용 프로그램을 만들고 있습니다. 내 로그인 화면에 제출 버튼이 있습니다. 이 버튼에이 CSS 클래스를 적용하고 싶습니다.입력 버튼이 올바른 CSS 클래스를 사용하지 않습니다

input.submit { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    color: #ffffff; 
    padding: 8px 20px; 
    background: -moz-linear-gradient(
     top, 
     #007ca5 0%, 
     #8080f5); 
    background: -webkit-gradient(
     linear, left top, left bottom, 
     from(#007ca5), 
     to(#8080f5)); 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border: 1px solid #ffffff; 
    -moz-box-shadow: 
     0px 1px 6px rgba(0,0,0,0.9), 
     inset 0px 0px 5px rgba(161,142,016,0.6); 
    -webkit-box-shadow: 
     0px 1px 6px rgba(0,0,0,0.9), 
     inset 0px 0px 5px rgba(161,142,016,0.6); 
    text-shadow: 
     0px -1px 3px rgba(255,255,255,0), 
     0px 1px 0px rgba(255,255,255,0); 
}

그리고는

<INPUT name=submit value=Inloggen type=submit class="submit">

가 지금은 문제가 내 CSS가 충분히 특정 아니라고 생각 내 HTML이 같은이 클래스를 사용했다. 나는 방화범 내 코드를 보면 하겠어 때 때문에 나는 내 CSS보다 구체적으로 만드는 좋은 아니에요,이

<div class="ui-btn ui-btn-corner-all ui-shadow ui-btn-up-g" data-theme="g" aria-disabled="false"> 
<span class="ui-btn-inner ui-btn-corner-all"> 
<span class="ui-btn-text">Inloggen</span> 
</span> 
<input class="submit ui-btn-hidden" type="submit" value="Inloggen" name="submit" aria-disabled="false"> 
</div>

그래서 누군가가 나를 도울 수 div에 얻을. 당신이 JQuery와 mobiel의 CSS 파일의 예 후 사용자 정의 스타일 시트를 포함

출처

2012-04-23 Steaphann

는 CSS 작동합니까 여부? 작동하면 더 구체적 일 필요가 없습니다. – WolvDev

정확히 무엇이 문제입니까? –

웹 페이지의 온라인 링크를 공유 할 수 있습니까 ..... – Kamal

확인 :

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1" /> 
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
    <link href="Style/jquery.mobile-1.0.1.css" rel="stylesheet" type="text/css" /> 
    <script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script> 
    <script src="Script/jquery.mobile-1.0.1.js" type="text/javascript"></script> 
    <style type="text/css"> 
     input.submit 
     { 
      font-family: Arial, Helvetica, sans-serif; 
      font-size: 14px; 
      color: #ffffff; 
      padding: 8px 20px; 
      background: -moz-linear-gradient(
     top, 
     #007ca5 0%, 
     #8080f5); 
      background: -webkit-gradient(
     linear, left top, left bottom, 
     from(#007ca5), 
     to(#8080f5)); 
      border-radius: 10px; 
      -moz-border-radius: 10px; 
      -webkit-border-radius: 10px; 
      border: 1px solid #ffffff; 
      -moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.9), inset 0px 0px 5px rgba(161,142,016,0.6); 
      -webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.9), inset 0px 0px 5px rgba(161,142,016,0.6); 
      text-shadow: 0px -1px 3px rgba(255,255,255,0), 0px 1px 0px rgba(255,255,255,0); 
     } 
    </style> 
    <script type="text/javascript"> 



    </script> 
</head> 
<body> 
    <form> 
    <div data-role="page"> 
     <div data-role="content"> 
      <input name="submit" value="Inloggen" type="submit" class="submit"> 
     </div> 
    </div> 
    </form> 
</body> 
</html>

출처

2012-04-23 07:50:14 IBS

입력 버튼이 올바른 CSS 클래스를 사용하지 않습니다

답변

관련 문제