提交的標準Web

-3

我開發一個Web應用程序按鈕不會出現，但提交按鈕不會顯示爲標準的網頁，當你通過鼠標在它變成藍色像，這似乎只是一個灰色的背景，無邊框這種情況發生在所有的瀏覽器，我很抱歉，但我沒有足夠的聲譽放圖片，並且還影響水槽不會出現，當你點擊，它有沒有CSS的是，有人可以幫助我，或知道爲什麼嗎？提交的標準Web

<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

昨晚他也提出了同樣的問題。他實際上昨晚張貼了代碼/圖片，但是... –

從我在你的問題理解，問題你必須歸結爲特異性的CSS規則，看看Smashing Magazine以獲取更多信息。

基本上，您的input元素已從父類型繼承它的屬性，因此您需要爲input元素創建CSS以使其外觀和行爲符合您的要求。

來源

2011-07-29 15:05:28 Ryan

沒有繼承。選擇器匹配元素並應用於它。 – Quentin

除了用於每個元素的'*'選擇器。這是一個快速重置，但會導致諸如此類問題。 –

因爲他說「出現的東西只是一個沒有邊框的灰色背景」，所以繼承正在進行，在CSS CSS中指定了無邊框，他需要創建一個類並指定它或指定「輸入CSS中的元素 – Ryan

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

*適用於所有。所以在那裏你設置邊框爲0，你需要更具體與您的CSS。

來源

2011-07-29 15:07:25 Patricia

您的問題將與您正在使用的*復位。通過在其中聲明border:0px;，可以消除輸入上的這些樣式。在這裏檢查：http://jsfiddle.net/Skooljester/yjNpR/與border:0px;財產從*選擇器中刪除。

來源

2011-07-29 15:10:22

我嘗試了你的代碼，下面是結果：

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

如果你想所有的瀏覽器，以一個沒有邊界和灰BG渲染，使而不是使用「*」

前一類：

.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

提交的標準Web

回答

相關問題