Javascript 无法编辑<;textarea>;bootstrap4中的字体大小

Javascript 无法编辑<;textarea>;bootstrap4中的字体大小,javascript,html,css,twitter-bootstrap,bootstrap-4,Javascript,Html,Css,Twitter Bootstrap,Bootstrap 4,我正在为AJAX聊天应用程序使用一些源代码,我将其清理干净,并在我在bootstrap中构建的页面上使用了它。但是,我想更改发布消息的文本区域的字体大小 HTML: AJAX post javascript如果有帮助: <script type="text/javascript"> var nick_maxlength=10; var http_request=false; var http_request2=false; v

我正在为AJAX聊天应用程序使用一些源代码,我将其清理干净,并在我在bootstrap中构建的页面上使用了它。但是,我想更改发布消息的文本区域的字体大小

HTML:


AJAX post javascript如果有帮助:

<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>

var nick_maxlength=10;
var http_request=false;
var http_request2=false;
静脉插管;
/*http_写入请求*/
函数ajax_-request(url){http_-request=false;if(window.XMLHttpRequest){http_-request.overridemetype){http_-request.overridemetype('text/xml');}}否则if(window.ActiveXObject){try{http_-request=new ActiveXObject(“Msxml2.XMLHTTP”)}catch(e){try{
如果(!http_request){alert('放弃:(无法创建XMLHTTP实例));返回false;}
http_request.onreadystatechange=alertContents;http_request.open('GET',url,true);http_request.send(null);}
函数alertContents(){if(http_-request.readyState==4){if(http_-request.status==200){rec_-response(http_-request.responseText);}else{}
/*http_读取请求*/
函数ajax_request2(url){http_request2=false;if(window.XMLHttpRequest){http_request2=new XMLHttpRequest();if(http_request2.overridemetype){http_request2.overridemetype('text/xml');}else if(window.ActiveXObject){try{http_request2=new ActiveXObject Msxml2.XMLHTTP”)}catch(e){try{http_request2=new ActiveXObject ActiveXObject{}}}
如果(!http_request2){alert('放弃:(无法创建XMLHTTP实例));返回false;}
http_request2.onreadystatechange=alertContents2;http_request2.open('GET',url,true);http_request2.send(null);}
函数alertContents2(){if(http_request2.readyState==4){if(http_request2.status==200){rec_chatcontent(http_request2.responseText);}else{}
/*闲聊*/
chatmsg.focus()
var show_newmsg_on_bottom=1;/*设置为0以使新消息显示在顶部*/
var waittime=3000;/*聊天刷新之间的时间(毫秒)*/
intUpdate=window.setTimeout(“read_cont();”,waittime);
chatwindow.value=“正在加载…”;
函数read_cont(){zeit=new Date();ms=(zeit.getHours()*24*60*1000)+(zeit.getMinutes()*60*1000)+(zeit.getSeconds()*1000)+zeit.getmillizes();ajax_请求2(“chat.txt?x=“+ms”)}
函数display_msg(msg1){chatwindow.value=msg1.trim();}
函数keyup(arg1){if(arg1==13)submit_msg();}
函数submit_msg(){clearTimeout(intUpdate);if(chatnick.value==”){check=prompt(“请输入用户名:”);if(check==null)返回0;if(check==”)check=“…”;chatnick.value=check;}if(chatnick.value.length>nick\u maxlength)chatnick.value=chatnick.value.substring(0,nick\u maxlength);空格=“”;for(i=0;i-1){out1=cont1.substr(0,cont1.indexOf(“\n”))+“\n”+out1;cont1=cont1.substr(cont1.indexOf(“\n”)+1);out1=unescape(out1);}
如果(chatwindow.value!=out1){display_msg(out1);}
intUpdate=window.setTimeout(“read_cont()”,waittime);
}
}
如您所见,我尝试在样式标记中为其指定CSS字体样式属性,但没有成功。之前,我只是尝试在style.CSS文件中为其设置样式,如
textarea{font size:30px;}

我还使用了一个引导主题,用其他东西替换标题标记,这样我就不会有任何运气用to标记更改大小


请注意,更改CSS样式表中的字体大小会在任何地方更改字体大小,但它看起来像文本区域。是否有帮助?

某些控件不会默认继承字体设置。您可以通过将其放置在CSS中来覆盖此设置:

textarea {
   font-size: 30px!important;
}

某些控件默认情况下不会继承字体设置。您可以通过在CSS中放置以下内容来覆盖此设置:

textarea {
   font-size: 30px!important;
}

这是否回答了您的问题?内联样式优先于css,除非:1-css上的样式具有
!Important
指令或2-Javascript创建完全不同的DOM。请尝试使用以下命令:
style=“最小高度:100%;字体大小:30px!Important;”
这是否回答了您的问题?内联样式优先于css,除非:1-css上的样式具有
!Important
指令或2-Javascript创建一个完全不同的DOM。请尝试使用以下命令:
style=“min height:100%;font size:30px!Important;”