div에 텍스트를 표시 할 수없는 버튼으로 사용하기

Question

버튼으로 div 요소를 사용하는 개념이 정말 마음에 듭니다. 무엇보다도 스타일링의 완전한 자유는 제 의견으로는 그렇게 할 수있는 진정한 이점입니다.

내가 얻는 문제는 다음과 같습니다. 내 작은 프로젝트에서이 데이터를 저장하기 위해 사용자가 일부 값을 입력 할 수있는 섹션이 있습니다. 입력 필드와 다른 입력 요소를 포함하는 단일 입력 요소는 하나의 청구서를 기록하는 데 사용됩니다. 사용자가 두 개 이상의 청구서를 입력 할 수있게하기 위해 클릭당 하나의 입력 요소를 추가하는 div 기반 버튼을 만들었습니다.

이제

이 빠른 방식으로 그가이 버튼을 7 번을 클릭합니다,의는 사용자가 8 청구서를 기록하고 싶어한다고 가정 해 봅시다합니다. 텍스트를 두 번 클릭하면 표시가 나타나고 버튼 모양이 매우 엉망이된다는 것을 알고 있습니다.

''마킹 텍스트가 아닌 ''에 대한 사업부의 속성을 설정하는 방법은 없나요? 나는 이미지없이 이것을 풀고 싶다. 바로이 사이트에서

Answer 1

:

#yourTable { 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
} 

Credit goes here. IE는 항상 신경 쓰지 않을 것이라는 점을 기억하십시오.