送信ボタンが標準のウェブとして表示されない

-3

ウェブアプリケーションを開発していますが、送信ボタンが標準のウェブとして表示されません。マウスを上に移動すると青くなります。表示されるのは、これはすべてのブラウザで起こります。申し訳ありませんが、私は写真を置くのに十分な評判がなく、クリックすると効果シンクが現れず、まだCSSがありません。誰かが私を助けたり、理由を知ることができますか？送信ボタンが標準のウェブとして表示されない

<input type="submit" name="send" value="send"/> 

*{      margin:0; 
        padding:0; 
        text-decoration:none; 
        border:0px; 
        font-style:normal; 
        outline:none; 
        list-style-type: none;} 

body {     width:970px; 
        margin:0 auto; 
        font-family:arial; 
        background:#fdfdfd;}

私が使用しているヘッダがこれです...問題、

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head><title>Painel Administrativo:</title> 
<meta name="description" content="O Compareai é uma ferramenta para vôçe"/> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 

<meta http-equiv="Content-Language" content="pt-br" /> 
<link rel="stylesheet" media="all" type="text/css" href="css/dropdown.css" /> 

<noscript> 
<link rel="stylesheet" href="css/painel_administrativo.css" type="text/css"/> 
</noscript> 
<script type='text/javascript' src='js/pa.js'></script> 



</head>

はすでにリセットを離陸しようとしましたが、問題は、私はあなたの質問に理解して何から

出典

2011-07-29 Rangel Bacher

あなたは、あなたのプラットフォーム、ブラウザ、およびサンプルコードなど、いくつかのより多くの情報を、提供することはできますか？あなたが気づいていないあなたのボタンに影響を与えるいくつかのCSSがあるように思えます。 – mwcz

使用しているシステム、ブラウザ、コードとCSSの情報を投稿する必要があります。誰でもあなたを助けることができる情報はありません。 – Soren

昨夜、同じ質問が彼から聞かれました。彼は実際に最後の夜にコード/写真を投稿しました... –

を持続詳細については、Smashing Magazineをご覧ください。

基本的には、input要素は親スタイルのプロパティを継承しているため、input要素のCSSを作成して、見た目や振る舞いをする必要があります。

出典

2011-07-29 15:05:28 Ryan

相続はありません。セレクタが要素に一致し、要素に適用されます。 – Quentin

すべての要素に適用される '*'セレクタを除いて。これは速いリセットですが、このような問題につながります。 –

「何が表示されるのかは、罫線のない灰色の背景だけです」、「* {}」CSSで境界が指定されていないため、クラスを作成して割り当てたり、入力を指定する必要がある'CSSの要素 – Ryan

*{     margin:0; 
        padding:0; 
        text-decoration:none; 
        border:0px; 
        font-style:normal; 
        outline:none; 
        list-style-type: none;}

*はすべてに適用されます。だからあなたはあなたのCSSにもっと具体的にする必要があります。

出典

2011-07-29 15:07:25 Patricia

使用している*リセットで問題が発生する可能性があります。 border:0px;を宣言すると、それらのスタイルが入力時に消去されます。ここで確認してください：http://jsfiddle.net/Skooljester/yjNpR/border:0px;プロパティを*セレクタから削除しました。

出典

2011-07-29 15:10:22

私はあなたのコードを試してみたし、下記の結果である：あなたはすべてのブラウザがノーボーダーとグレーBGでレンダリングしたい場合は、代わりに「*」

EXを使用してのクラスを作る

Opera: not normal submit button, gray bg with no borders 
FF:  not normal submit button, gray bg with no borders 
IE:  normal submit button 
Chrome: not normal submit button, gray bg with no borders 
Safari: not normal submit button, gray bg with no borders

：

.mybuttons{ 
    margin:0; 
    padding:0; 
    text-decoration:none; 
    border:0px; 
    font-style:normal; 
    outline:none; 
    list-style-type: none; 
    }

、その後

<input type="submit" name="send" value="send" class="mybuttons" />

通常の送信ボタンのようにしたい場合は、あなたのCSSコードで '* {}'を使用しないでください。

出典

2011-07-29 15:11:23

他の回答で述べたように、問題が原因で発生し：*に

*{      margin:0; 
        padding:0; 
        text-decoration:none; 
        border:0px; 
        font-style:normal; 
        outline:none; 
        list-style-type: none;}

border:0pxすべてに適用され、あなたのあなたは、この問題を抱えている理由である、「ボタンを提出する」含みます。

あなたはCSSのリセットを使用する場合は、代わりに* { .. }の本当のいずれかを使用してください：

http://meyerweb.com/eric/tools/css/reset/

出典

2011-07-29 15:21:42 thirtydot

送信ボタンが標準のウェブとして表示されない

答えて

関連する問題