ASP.NET의 텍스트 상자 컨트롤 패딩 설정

ASP.NET 웹 양식 응용 프로그램에서 텍스트 상자 컨트롤의 패딩을 설정해야하므로 브라우저의 드롭 다운 목록 컨트롤과 일관되게 렌더링되지 않았습니다. 드롭 다운리스트에는 텍스트와 테두리 사이에 여백이 있었으며 텍스트 상자에는 아무 것도 없었습니다.ASP.NET의 텍스트 상자 컨트롤 패딩 설정

Visual Studio는 컨트롤에 직접 패딩 속성을 제공하지 않으므로 텍스트 상자 및 드롭 다운 목록과 같은 컨트롤의 패딩을 설정/변경하는 것은 매우 실망 할 수 있습니다. 어떤 유용한 솔루션을 얻지 않고도 많은 검색을 수행 한 후에 할 수있었습니다. 아래 답변을 참조하십시오. 당신이있는 경우

출처

2014-09-12 user2948563

등의 대답은 자동을 Style1, 자동 Style2 같은 이동 컨트롤의 CssClass 속성에있다

은 Dreamweaver는 당신이하는 .aspx 웹 양식을 열고 선택하고 편집 할 수 있습니다 설치 CssClass 규칙. Dreamweaver에서 페이지 아래의 속성 탭에서 CSS 탭을 선택합니다. 여기에서 패딩 규칙을 설정할 수 있습니다 (CSS 규칙 정의의 '상자 옵션'참조 - '모두 동일'선택을 취소하여 다른 왼쪽, 위쪽, 아래쪽, 오른쪽 패딩 설정 값) 저장하고 Visual Studio로 돌아가서 저장된 페이지를로드하고 컨트롤의 CssClass 속성을 편집 된 CssClass로 설정합니다. Dreamweaver에서 컨트롤에 CssClass를 설정하지 마십시오. 응용 프로그램을 실행할 때 오류가 발생할 수 있습니다. 다른 CssClass 규칙을 편집하는 효과를 알지 못하도록 패딩 규칙 만 편집했습니다.

It Worked! 내 Textboxes에 5px 패딩이 있으며 이제는 Dropdownlist 패딩 (Chrome 브라우저)과 일관됩니다. 그들은 사랑스럽게 보입니다!

희망이 도움이됩니다. 누군가가 도움이됩니다.

Screen Shot Dreamweaver and Visual Studio

출처

2014-09-12 05:01:30 user2948563

난 강력하게 당신이 비주얼 스튜디오가 제공하는 웹 컨트롤에만 의존하지 것이다 있도록, 일부 CSS를 배우는 것이 좋습니다. 귀하의 경우처럼 "cssclass = 'somestyle'을 텍스트 상자 컨트롤에 넣으십시오 :

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <style> 
     .padding { 
      padding:.5em; 
     } 
    </style> 
</head> 

<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:TextBox runat="server" ID="txtDemo" CssClass="padding"></asp:TextBox> 
    </div> 
    </form> 
</body> 
</html>

출처

2014-09-14 16:45:16 a1771550

ASP.NET의 텍스트 상자 컨트롤 패딩 설정

답변

관련 문제