Metin alanında yalnızca küçük harfleri hedefleme

Metin alanında yalnızca küçük harfler seçmenin bir yolu var mı?Metin alanında yalnızca küçük harfleri hedefleme

Metin alanımdaki küçük harflerin rengini kırmızıya değiştirmek ve büyük harfleri siyah olarak bırakmak istiyorum.

2016-04-02 hildk

Bazı küçük harfli harflerin arasına '' eklemek için bazı Java Komut Dosyası kodunu ve ardından da açık alanın stilini oluşturmak için CSS'yi kullanırdım. – Oisin

Bir 'etiketini hedeflemeye mi çalışıyorsunuz? Metni bir '<textarea>' etiketinde stilleyemezsiniz. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/5149381/">litel</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Harfleri bir öğeye sarmadan CSS ile stilleyemezsiniz ve '<textarea>' öğesi hiçbir alt öğe içermez; hayır, ne yazık ki değil - hala nispeten karmaşık (ama gerekli) bir çözüm olan JavaScript'i kullanamıyorsanız. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="answer-title"> <span class="text-logo margin-top-sm">A</span> <h2 class="title h4">cevap</h2> </div> <div class="item-description text-md markdown-body margin-bottom-40 voidso"> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">1<i class="fa fa-thumbs-up"></i></span> <i class="fa fa-check fa-2x"></i> </div> <div class="post-offset"> <div class="answer fmt"> <p><strong><code class="prettyprint-override">textarea</code> öğesi</strong> öğesini kullanarak bunu gerçekleştiremezsiniz. Çünkü: Böyle bir şey olur, böylece</p> <ul> <li>Eğer textarea</li> <li>dizeleri kod olarak değil metin olarak yorumlanır değildir JS kullanarak küçük harfleri kaydırmak gerekir "Hey, bu benim metin</li> olduğunu </ul> <p>ne yapabilirsiniz:</p> <ul> <li>kullanım <code class="prettyprint-override">contenteditable</code> niteliğini bir elemanda yerine senin <code class="prettyprint-override">textarea</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_Editable" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_Editable</a></li> <li>Öğe içeriğinizi değiştirmek için küçük harfli sarmayı (<code class="prettyprint-override">keyup</code> olayında) kullanarak JS'yi kullanın.</li> </ul> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/36377155">kaynak</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-04-02 18:22:43</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2054977/">enguerranws</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">1<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Hayır. Bunu CSS kullanarak yapmak için bir yöntem yoktur.</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/36377114">kaynak</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-04-02 18:19:11</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/162698/">Rob</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> </div> <div class="clearfix"> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048964"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Son soru </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://tr.uwenku.com/question/p-ulnzoupu-q.html" target="_blank" title="Dikkat edilemez imleç,"> Dikkat edilemez imleç, </a> </li> <li class="side_article_list_item"> 2. <a href="http://tr.uwenku.com/question/p-qpmyteyr-k.html" target="_blank" title="Beklenmedik tarih hesaplama sonucu"> Beklenmedik tarih hesaplama sonucu </a> </li> <li class="side_article_list_item"> 3. <a href="http://tr.uwenku.com/question/p-skwnxoaz-k.html" target="_blank" title="Angularjs Dropdown Multiselect'i kullanarak sayımla nasıl açılır?"> Angularjs Dropdown Multiselect'i kullanarak sayımla nasıl açılır? </a> </li> <li class="side_article_list_item"> 4. <a href="http://tr.uwenku.com/question/p-ydhaztst-z.html" target="_blank" title="API sürümde boş Android Studio önizleme"> API sürümde boş Android Studio önizleme </a> </li> <li class="side_article_list_item"> 5. <a href="http://tr.uwenku.com/question/p-ulbmkjqn-y.html" target="_blank" title="std :: string_view geçici ipte yakalamak Asan"> std :: string_view geçici ipte yakalamak Asan </a> </li> <li class="side_article_list_item"> 6. <a href="http://tr.uwenku.com/question/p-bkwkujyi-v.html" target="_blank" title="CommandError: Project buildScript veya buildSrc sınıfyolunuzda guava-jdk5 varmış gibi görünüyorsunuz"> CommandError: Project buildScript veya buildSrc sınıfyolunuzda guava-jdk5 varmış gibi görünüyorsunuz </a> </li> <li class="side_article_list_item"> 7. <a href="http://tr.uwenku.com/question/p-xicnoobq-v.html" target="_blank" title="ManyToMany alanı için bir Widget'ı kendi başına dairesel bir ForeignKey olan bir Modele özelleştirme"> ManyToMany alanı için bir Widget'ı kendi başına dairesel bir ForeignKey olan bir Modele özelleştirme </a> </li> <li class="side_article_list_item"> 8. <a href="http://tr.uwenku.com/question/p-gunwtfiz-h.html" target="_blank" title="manifestPlaceholder için varsayılan değer nasıl ayarlanır?"> manifestPlaceholder için varsayılan değer nasıl ayarlanır? </a> </li> <li class="side_article_list_item"> 9. <a href="http://tr.uwenku.com/question/p-ftmztxvq-v.html" target="_blank" title="Delphi İstisna mesaj metni yanlış bir dilde"> Delphi İstisna mesaj metni yanlış bir dilde </a> </li> <li class="side_article_list_item"> 10. <a href="http://tr.uwenku.com/question/p-dvdomckd-bb.html" target="_blank" title="Google Colaboratory ile Ipywidgets"> Google Colaboratory ile Ipywidgets </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> İlgili konular</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item">İlgili sorun yok^_^</li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://tr.uwenku.com/contact">Bize ulaşın</a></li> <li>© 2020 TR.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>