버튼 태그 테두리 색상 변경

테두리가없는 button 태그에 이미지를 넣었습니다. 단추가 으로 선택되면 이미지 주위에 갈색 테두리가 나타납니다. 그 사각형의 색깔을 갈색에서 흰색으로 어떻게 바꾸나요? 파란색의 안쪽과 바깥 쪽 그림자가있는 흰색 직사각형을 가질 수 있습니까?버튼 태그 테두리 색상 변경

HTML

<td align=center valign=middle> 
    <figure> 
    <button style="background-color:black; height:160px;width:160px ; border:none"> 
     <img src="F:\rashmi\icons_tv\Help_Normal.png"> 
    </button> 
    <figcaption><font size="5" color="white" style="font-weight:bold"><center>help</center></font> 

    </figcaption> 
    </figure> 
</td>

편집 :

내가 사용하여 강조 색상을 변경할 수 있습니다

style=outline-color:white

HTML

<html> 

    <body> 
     <tr> 
      <td align=center valign=middle> 
       <figure> 
        <button style="background-color:black; height:160px;width:160px ; border:none;outline-color:white;"> 
         <img src="F:\rashmi\icons_tv\Help_Normal.png"> 
        </button> 
        <figcaption><font size="5" color="white" style="font-weight:bold"><center>help</center></font> 

        </figcaption> 
       </figure> 
      </td> 
      <td align=center valign=middle> 
       <figure> 
        <button style="background-color:black; height:160px;width:160px ; border:none;outline-color:white;"> 
         <img src="F:\rashmi\icons_tv\Help_Normal.png"> 
        </button> 
        <figcaption><font size="5" color="white" style="font-weight:bold"><center>help</center></font> 

        </figcaption> 
       </figure> 
      </td> 
     </tr> 
    </body> 

</html>

여기에 내 초기 페이지로드 이미지와 내가 탭을 누르면 내가 사각형의 폭을 증가 어떻게

주심 내가 유사한 하이라이트를 얻을.

출처

2010-12-29 rashmi

<input type="button" 

    value="Button with border" 

    style="color: #07c; 

     border: 2px solid #07c; 

     padding: 2px 5px;" />

자세한 내용은 link을 방문하십시오.

출처

2010-12-29 09:56:16 Sandy

당신은 내가 교체해야 말을 의미하는 <버튼 스타일 = "배경 색을 : 검은 색, 높이 : 160 픽셀, 폭 : 160 픽셀; 경계 : 없음"><입력 유형 = "버튼" 스타일 = 값 = "테두리 버튼", "색상 : #의 07C; 국경 : 2 픽셀 고체 #의 07C; 패딩 : 2 픽셀의 5px;" /> – rashmi

답장을 보내 주셔서 감사합니다. 나는 당신이 나에게 주려고했던 코드로 당신이 무슨 일이 일어 났는지 알기 위해 검사했다. 처음에는 파란색 사각형을 얻을 때 탭 키를 사용하여 이미지를 선택하면 파란색 내부와 외부 선이 파란색 사각형이됩니다. 나는 이와 같은 것을 원했다. ...... 나는 이미지가 선택되었을 때 어떤 경계선도 처음에는 보이지 않기를 바란다. 나는 언급 한 것처럼 그림자 효과가있는 사각형을 원한다. 희망 나는 분명하다 – rashmi

나는 연결을 추가했다. 그것을 방문하십시오, 나는 당신이 대답을 얻을 것이기를 바랍니다. – Sandy

-1

[custom_button text="Custom Button" title="Custom Button" url="http://www.your_link_goes_here..." size="medium" bg_color="#FF5C00" text_color="#FFFFFF" align="left" target="_self"]

출처

2016-02-29 02:14:49

[custom_button text = "작은 사용자 지정 단추"title = "작은 사용자 지정 단추"url = "http : //www.your_link_goes_here ..."size = "small"bg_color = "# FF5C00"text_color = "# FFFFFF"align = "left"target = "_ self"] –

답을 더 잘 설명하고 참조를 추가하고 이에 맞게 코드를 형식화해야합니다. 코드 줄을 추가하는 것으로는 충분하지 않습니다. –

버튼 태그 테두리 색상 변경

답변

관련 문제