제출 버튼이 표준 웹으로 표시되지 않습니다.

-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 재설정을 사용하려면

대신 * { .. }의 진짜 하나를 사용하십시오? 당신이 모르는 당신의 버튼에 영향을 미치는 CSS가있는 것 같습니다. – mwcz

사용중인 시스템, 브라우저 및 코드와 CSS에 대한 정보를 게시해야합니다. 여기에는 아무도 당신을 도울 수있는 정보가 없습니다. – Soren

어젯밤에 같은 질문을했습니다. 그는 실제로 지난 밤에 코드/사진을 게시했습니다 ... –

를 지속 당신은 특이성의 CSS 규칙에 관해서, 자세한 내용은 Smashing Magazine을보십시오.

기본적으로 input 요소는 부모 스타일의 속성을 상속 받았으므로 input 요소에 CSS를 만들어야 원하는 모양으로 보이게 할 수 있습니다.

출처

2011-07-29 15:05:28 Ryan

계속되는 상속은 없습니다. 선택기가 요소를 일치시키고 적용됩니다. – Quentin

모든 요소에 적용되는'*'selector를 제외하고. 빠른 리셋이지만 이와 같은 문제가 발생합니다. –

"나타나는 것은 테두리가없는 회색 배경입니다."라고했기 때문에 상속이 진행되고,'* {} '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 모든 것을 적용하여이 문제가 발생하는 이유는, "버튼을 제출" . 같은 플랫폼, 브라우저 및 예제 코드로

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

출처

2011-07-29 15:21:42 thirtydot

제출 버튼이 표준 웹으로 표시되지 않습니다.

답변

관련 문제