fileupload

CSS:not(:마지막 자식):선택기 이후 다음과 같은 스타일의 요소 목록이 있습니다. ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } One Two Three Four Five 출력One | Two | Three | Four | Five |대신에One | Two | Three | Four | Five 마지막 요소를 제외한 모든 요소를 CSS로 선택하는 방법을 아는 사람? 의 정의를 확인할 수 있습니다.:not()여기 선택기선택기가 아닌 경우 모든 선택기를 설정하고 마지막 선택기를 재정의할 수 있습니다. li:after { content: ' ..

CSS의 PNG 이미지에 대한 그림자 삭제 저는 자유로운 형태(사각형이 아닌)의 PNG 이미지를 가지고 있습니다. 이 이미지에 드롭섀도 효과를 적용해야 합니다. 표준 접근 방식은... -o-box-shadow: 12px 12px 29px #555; -icab-box-shadow: 12px 12px 29px #555; -khtml-box-shadow: 12px 12px 29px #555; -moz-box-shadow: 12px 12px 29px #555; -webkit-box-shadow: 12px 12px 29px #555; box-shadow: 12px 12px 29px #555; 사각형처럼 이 이미지에 대한 그림자를 표시합니다.그래서, 저는 제 이미지와 사각형 그림자를 봅니다. 그것은 물체의 형태를 ..

왼쪽과 오른쪽에만 상자 그림자를 표시하는 방법 해킹이나 이미지 없이 왼쪽과 오른쪽(수평?) 측면에만 상자 그림자를 표시할 수 있습니다.사용 중: box-shadow: 0 0 15px 5px rgba(31, 73, 125, 0.8); 하지만 그것은 사방에 그림자를 줍니다. 저는 원소 주위에 경계선이 없습니다. 참고: 아래에서 @Hamish의 답변을 확인할 것을 제안합니다. 여기에 설명된 솔루션에서 불완전한 "마스크"를 사용하지 않습니다. 각 면에 하나씩 여러 개의 상자 그림자를 사용하여 가까이 접근할 수 있습니다. box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8); http://jsfiddl..

CSS에 패딩이 있을 때 어떻게 하면 텍스트 영역을 100% 너비로 넘치지 않게 만들 수 있습니까? 저는 다음과 같은 CSS와 HTML 스니펫을 렌더링하고 있습니다. textarea { border:1px solid #999999; width:100%; margin:5px 0; padding:3px; } Rules: 문제는 텍스트 영역이 부모보다 8px 더 넓다는 것입니다(경계의 경우 2px + 패딩의 경우 6px).도 전체 할 수 요?textarea부모의 폭까지?해킹은 잊어버리고 그냥 CSS로 하는 게 어때요? 내가 자주 사용하는 것: .boxsizingBorder { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: bo..

CSS 클래스를 에 추가합니다. 제 질문은 간단합니다. 수업 선언문은 어디로 갑니까?여러 번 시도할 때 오류가 발생합니다. 'submit_class_name_here' %> 이거면 되겠군.오류가 발생하면 이름을 제공하지 않을 수 있습니다. 또는 클래스 없이 단추에 스타일을 지정할 수 있습니다. form#form_id_here input[type=submit] 그것도 한번 해보세요.다음을 수행하여 양식의 제출 단추에 클래스 선언을 추가할 수 있습니다. 다음과 같은 결과를 가져옵니다. Srdjan Pejic이 말했듯이, 당신은 다음을 사용할 수 있습니다. 'button' %> 또는 다음과 같은 새로운 구문: 클래스 키-값 쌍 추가 기본적으로 Rails 4는 'value' 속성을 사용하여 표시되는 버튼 텍스트..