2011-02-03 2 views
0

html을 사용할 때 수행되는 기본 버튼처럼 보이지 않는 제출 버튼으로 올바른 양식을 만드는 방법에 대한 지침이 있습니다. 이 웹 사이트에있는 것과 같은 제출 버튼이 필요합니다.양식 및 버튼

답변

0

당신은 다음과 같이 당신의 제출 버튼에 CSS를 적용하려고한다 :이 도움이

<head> 
....... 
your html code 
..... 
<style> 
.pass { 
    width: 105px; 
    padding: 5px; 
    margin: 2px; 
    font-weight: bold; 
    color: #065fba; 
    background: #f4f5f8; 
    font-size: 11px; 
    border: #e2e2e2 1px solid; 
} 
</style> 
</head> 
....... 
your html code 
..... 
<input trpe="submit" class="pass" value="Submit" /> 
...... 
... 
. 

희망을.

+0

감사합니다. 그들은 나를 도왔다. –

0

이 웹 사이트의 '포스트 답변'버튼의 CSS를 사용 (자세한 이하)이다

브라우저 간 호환성을 위해
input[type="submit"] { 
    border: 1px solid #888888; 
    font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif; 
    font-size: 130%; 
    font-weight: bold; 
    margin: 3px; 
    padding: 2px; 

당신은 같은 <input type="submit" />에 클래스를 추가해야합니다 이전 버전의 Internet Explorer에서는 CSS [type=""] 특성이 인식되지 않습니다.

0

당신이 어떤 요소가 당신에게 선택한 요소에 적용되는 CSS를 보여줍니다 다른 브라우저에 대한 Firebug 또는 그 등가물을 사용,의 모양을 원하는 예에 스타일 된 방법을 참조하십시오.

스택 오버플로의 경우

,이 버튼을 <div class="form-submit"> 쌈으로이있어 : 답변에 대한

.form-submit input { 
    border: 1px solid #888888; 
    font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif; 
    font-size: 130%; 
    font-weight: bold; 
    margin: 3px; 
    padding: 2px; 
}