CSS에서 버튼 스타일 지정

Question

버튼 스타일링에 문제가 있습니다.

내 정확한 문제는 두 div 안에있는 버튼에 연결할 수없는 것입니다.

HTML :

<div id= "nav"> 
    <div id= "search"> 
     <form> 
     <input type="text" placeholder="Search" required> 
     <a href="Linkpage.html"><input type= "button" value= "Search"></a> 
     </form> 
</div> 

CSS :

#inforight 
    { 
     width: 200px; 
     float: right; 
     text-align: center; 
     background-color: #735D41; 
    } 

JSFiddle

누군가가 도와 주 시겠어요보기?

Answer 1

ID는 고유해야합니다. 페이지에 이러한 버튼이 두 개 이상있는 경우 (그리고 가지고있는 것 같음) 클래스를 사용하십시오.

각 경우에 ID 또는 클래스를 버튼에 할당해야합니다.

또한 HTML을 수정해야합니다. 앵커를 제거하고 액션을 형성하도록 설정하십시오.

HTML

<div id="search"> 
    <form action="Linkpage.html"> 
    <input type="text" placeholder="Search" required /> 
    <input type= "button" value="Search" class="inforight" /> 
    </form> 
</div> 

CSS

.inforight 
{ 
    width: 200px; 
    float: right; 
    text-align: center; 
    background-color: #735D41; 
} 

---

다음은 귀하의 예제의 빠른 수정의 : http://jsfiddle.net/L44pN/1/

Answer 2

버튼이 inforight으로 설정되어 CSS가 작동합니다.

<input type= "button" value= "Search" id="inforight"> 

---

또한, 당신은 <a> 내부에 배치 버튼이 있습니다. 버튼을 클릭하여 Linkpage.html으로 이동하려면 양식의 작업 페이지를 Linkpage.html으로 설정하고 버튼을 submit 버튼으로 만들 수 있습니다.

<form action="Linkpage.html"> 
    <input type="text" placeholder="Search" required> 
    <input type= "submit" value= "Search" id="inforight"> 
    </form>