Kann nicht senden Schaltfläche mit CSS senden

Ich versuche, eine Flasche Anmeldebildschirm zu machen. Flask benötigt einen type = "submit" Button. Das Verwenden von CSS zum Formatieren der Schaltfläche funktioniert nicht. Derselbe Code mit type = "button" funktioniert, aber flask erkennt die Anfrage nicht. Kann nicht senden Schaltfläche mit CSS senden

<!DOCTYPE html> 
<html> 

    <head> 

    <meta charset="UTF-8"> 
    <link rel="stylesheet" href="../static/style2.css" type="text/css"> 

    <title>Login</title> 
    </head> 

    <body oncontextmenu="return false"> 

     <div class="body"></div> 
     <div class="grad"></div> 
     <div class="header"> 
     <div>XOR-<span>House</span></div> 
     </div> 
     <div class="login"> 
      <form action = "/login/" method = "POST"> 
       <p><input type="text" placeholder="Username" name="userid"></p> 
       <p><input type="password" placeholder="Password" name="ps"></p> 
       <p><input type ="submit" value ="login" ></p> 
      </form> 
     </div> 
     </body> 
</html>

CSS Styling

.login input[type=submit]{ 
    width: 260px; 
    height: 35px; 
    background: #fff; 
    border: 1px solid #fff; 
    cursor: pointer; 
    border-radius: 2px; 
    color: #a18d6c; 
    font-family: 'Exo', sans-serif; 
    font-size: 16px; 
    font-weight: 400; 
    padding: 6px; 
    margin-top: 10px; 
} 

.login input[type=submit]:hover{ 
    opacity: 0.8; 
} 

.login input[type=submit]:active{ 
    opacity: 0.6; 
} 



.login input[type=submit]:focus{ 
    outline: none; 
}

Quelle

2017-09-28 dennis3678

Eingänge können lustig sein. Haben Sie versucht, dem Element selbst eine Klasse hinzuzufügen? Das mache ich normalerweise. –

add quotes, um es ** Eingabe [type = "submit"] ** –

Stile gelten für die Schaltfläche senden, was ist das genaue Problem –

gefunden einfach die Antwort! Das Problem war, dass wir die Site vom lokalen Host aus aufgerufen haben, nicht die IP! Wenn wir über ip auf die Seite zugegriffen haben, wurde der Submit Button gestylt! Kann jemand erklären, warum das passiert?

Quelle

2017-09-28 16:28:49 dennis3678

Ihr Beispiel funktioniert, das Problem könnte woanders sein wie ein anderer Stil, der Ihren Stil außer Kraft setzt. versuchen, den Hintergrund zu ändern, weil ein weißer Hintergrund sich nicht

hilft

.login input[type="submit"] { 
    width: 260px; 
    height: 35px; 
    background: #5bf3e5; 
    border: 1px solid #fff; 
    cursor: pointer; 
    border-radius: 2px; 
    color: #a18d6c; 
    font-family: "Exo", sans-serif; 
    font-size: 16px; 
    font-weight: 400; 
    padding: 6px; 
    margin-top: 10px; 
}

your code on codepen

Quelle

2017-09-28 16:30:01 Laassari

haben Sie ctrl versucht + f5/clear-Browser-Cache? Es scheint ein Cache-Problem in diesem Szenario zu sein. Wenn Sie von einer anderen Adresse anfordern, wird die aktuelle CSS abgerufen, anstatt auf den Browser-Cache zu verweisen.

Quelle

2017-09-28 16:31:31 Eric

Kann nicht senden Schaltfläche mit CSS senden

Antwort

Verwandte Themen