부트 스트랩 4에서 <textarea> 글꼴 크기를 편집 할 수 없습니다.

AJAX 채팅 응용 프로그램에 대한 소스 코드를 사용하고 있으며이를 정리하고 부트 스트랩에서 빌드 한 페이지에서 사용했습니다. 그러나 메시지가 게시되는 텍스트 영역의 글꼴 크기를 변경하고 싶습니다.

HTML :

<textarea class="form-control" id="chatwindow" style="min-height: 100%; font-size:30px;" cols="95" wrap="hard" readonly></textarea><br />

도움이되는 경우 AJAX 포스트 자바 스크립트 :

<script type="text/javascript">

    var nick_maxlength=10;
    var http_request=false;
    var http_request2=false;
    var intUpdate;

    /* http_request for writing */
    function ajax_request(url){http_request=false;if(window.XMLHttpRequest){http_request=new XMLHttpRequest();if(http_request.overrideMimeType){http_request.overrideMimeType('text/xml');}}else if(window.ActiveXObject){try{http_request=new ActiveXObject("Msxml2.XMLHTTP");}catch(e){try{http_request=new ActiveXObject("Microsoft.XMLHTTP");}catch(e){}}}
    if(!http_request){alert('Giving up :( Cannot create an XMLHTTP instance');return false;}
    http_request.onreadystatechange=alertContents;http_request.open('GET',url,true);http_request.send(null);}
    function alertContents(){if(http_request.readyState==4){if(http_request.status==200){rec_response(http_request.responseText);}else{}}}

    /* http_request for reading */
    function ajax_request2(url){http_request2=false;if(window.XMLHttpRequest){http_request2=new XMLHttpRequest();if(http_request2.overrideMimeType){http_request2.overrideMimeType('text/xml');}}else if(window.ActiveXObject){try{http_request2=new ActiveXObject("Msxml2.XMLHTTP");}catch(e){try{http_request2=new ActiveXObject("Microsoft.XMLHTTP");}catch(e){}}}
    if(!http_request2){alert('Giving up :( Cannot create an XMLHTTP instance');return false;}
    http_request2.onreadystatechange=alertContents2;http_request2.open('GET',url,true);http_request2.send(null);}
    function alertContents2(){if(http_request2.readyState==4){if(http_request2.status==200){rec_chatcontent(http_request2.responseText);}else{}}}

    /* chat stuff */
    chatmsg.focus()
    var show_newmsg_on_bottom=1;     /* set to 0 to let new msg´s appear on top */
    var waittime=3000;        /* time between chat refreshes (ms) */

    intUpdate=window.setTimeout("read_cont();", waittime);
    chatwindow.value = "loading...";

    function read_cont()         { zeit = new Date(); ms = (zeit.getHours() * 24 * 60 * 1000) + (zeit.getMinutes() * 60 * 1000) + (zeit.getSeconds() * 1000) + zeit.getMilliseconds(); ajax_request2("chat.txt?x=" + ms); }
    function display_msg(msg1)     { chatwindow.value = msg1.trim(); }
    function keyup(arg1)         { if (arg1 == 13) submit_msg(); }
    function submit_msg()         { clearTimeout(intUpdate); if (chatnick.value == "") { check = prompt("please enter username:"); if (check === null) return 0; if (check == "") check="..."; chatnick.value=check; } if (chatnick.value.length > nick_maxlength) chatnick.value=chatnick.value.substring(0,nick_maxlength); spaces=""; for(i=0;i<(nick_maxlength-chatnick.value.length);i++) spaces+=" "; v=chatwindow.value.substring(chatwindow.value.indexOf("\n")) + "\n" + chatnick.value + spaces + "| " + chatmsg.value; if (chatmsg.value != "") chatwindow.value=v.substring(1); write_msg(chatmsg.value,chatnick.value); chatmsg.value=""; intUpdate=window.setTimeout("read_cont();", waittime);}
    function write_msg(msg1,nick1)     { ajax_request("w.php?m=" + escape(msg1) + "&n=" + escape(nick1)); }
    function rec_response(str1)     { }

    function rec_chatcontent(cont1) {
        if (cont1 != "") {
            out1 = unescape(cont1);
            if (show_newmsg_on_bottom == 0) { out1 = ""; while (cont1.indexOf("\n") > -1) { out1 = cont1.substr(0, cont1.indexOf("\n")) + "\n" + out1; cont1 = cont1.substr(cont1.indexOf("\n") + 1); out1 = unescape(out1); } }
            if (chatwindow.value != out1) { display_msg(out1); }
            intUpdate=window.setTimeout("read_cont()", waittime);
        }
    }
</script>

보시다시피 스타일 태그에 CSS font-style 속성을 할당하려고 시도했지만 작동하지 않았습니다. 미리 style.css 파일에서 스타일링을 시도했습니다.textarea {font-size: 30px;}

또한 헤더 태그를 다른 것으로 대체하는 부트 스트랩 테마를 사용하고 있으므로 to 태그로 크기를 변경하지 않아도됩니다.

CSS 스타일 시트에서 글꼴 크기를 변경하면 모든 곳에서 변경되지만 텍스트 영역은 변경됩니다. 도움이 필요하세요?