HTML / CSS 사이트에 Linux 스타일 명령 줄을 추가하고 싶습니다. 나는 Span을 만들고 그 옆에 Textarea를 넣어 입력을 시뮬레이션하고 싶습니다. 하지만 텍스트 영역에서 깜박이는 "커서"(직선)를 제거 할 수 없습니다. "커서"를 숨길 수있는 방법을 아는 사람 있나요?
가능한 경우에만 HTML / CSS로하고 싶습니다.
#name {
position: absolute;
left: 0;
width: 100%;
padding: 5%;
color: rgb(0, 255, 0);
/*text-align: center;*/
font-family: "Lucida Console";
font-size: 50pt;
}
blink {
animation: blink 1.2s infinite;
}
@keyframes blink {
0% {
visibility: hidden;
}
40% {
visibility: hidden;
}
50% {
visibility: visible;
}
90% {
visibility: visible;
}
100% {
visibility: hidden;
}
}
<div id="name"><span>nicolo@luescher:~$<blink>_</blink></span></div>
을 사용 text-shadow
하여 tranparent
글꼴 색상 을 얻고 사용할 수 text-shadow
있으므로 클릭 textarea
하면 얻을 수 cursor
없지만 여전히 쓸 수 있습니다.
아래는 내가 게시 한 예입니다.
textarea {
color: transparent;
text-shadow: 0px 0px 0px tomato;
}
<textarea></textarea>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다