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="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" 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 class="relative-box"> <div class="relative">İlgili konular</div> <ul class="relative_list"> <li> 1. <a href="http://tr.voidcc.com/question/p-ymommlrt-d.html" target="_blank" title="Küçük harfle Metin Eklentisi"> Küçük harfle Metin Eklentisi </a> </li> <li> 2. <a href="http://tr.voidcc.com/question/p-bqdvjcxm-u.html" target="_blank" title="Python: Bir dize içinde büyük ve küçük harfleri ayırma"> Python: Bir dize içinde büyük ve küçük harfleri ayırma </a> </li> <li> 3. <a href="http://tr.voidcc.com/question/p-zlyhyjbp-p.html" target="_blank" title="thumbnail Küçük resim alanında jquery kaydırıcısı gerekiyor"> thumbnail Küçük resim alanında jquery kaydırıcısı gerekiyor </a> </li> <li> 4. <a href="http://tr.voidcc.com/question/p-yiolbjvp-p.html" target="_blank" title="Metin alanında temizle düğmesi rengi"> Metin alanında temizle düğmesi rengi </a> </li> <li> 5. <a href="http://tr.voidcc.com/question/p-xoyijsuo-ba.html" target="_blank" title="İlk öğeyi yalnızca diğer kardeşleri varsa hedefle hedefleme"> İlk öğeyi yalnızca diğer kardeşleri varsa hedefle hedefleme </a> </li> <li> 6. <a href="http://tr.voidcc.com/question/p-urzoeryk-r.html" target="_blank" title="Bir metin alanını nasıl yalnızca notalarda okuyabilirim?"> Bir metin alanını nasıl yalnızca notalarda okuyabilirim? </a> </li> <li> 7. <a href="http://tr.voidcc.com/question/p-mkmfauvc-x.html" target="_blank" title="Metin alanında veya metin alanında salt okunur bazı özel sözcükler nasıl yapılır"> Metin alanında veya metin alanında salt okunur bazı özel sözcükler nasıl yapılır </a> </li> <li> 8. <a href="http://tr.voidcc.com/question/p-ttbopeas-a.html" target="_blank" title="Bir dizginin yalnızca Python'daki harfleri içerip içermediğini nasıl kontrol edebilirim?"> Bir dizginin yalnızca Python'daki harfleri içerip içermediğini nasıl kontrol edebilirim? </a> </li> <li> 9. <a href="http://tr.voidcc.com/question/p-rlahmysm-k.html" target="_blank" title="Tablo Alanında Metin Alanı Olan Iphone Cells"> Tablo Alanında Metin Alanı Olan Iphone Cells </a> </li> <li> 10. <a href="http://tr.voidcc.com/question/p-tzjyovxi-w.html" target="_blank" title="Metin alanında imleç dilini Kopyala/Yapıştır"> Metin alanında imleç dilini Kopyala/Yapıştır </a> </li> <li> 11. <a href="http://tr.voidcc.com/question/p-fiaynlnu-d.html" target="_blank" title="Metin alanında doğrulama: vurgulanan kırmızı kenarlık, iPhone"> Metin alanında doğrulama: vurgulanan kırmızı kenarlık, iPhone </a> </li> <li> 12. <a href="http://tr.voidcc.com/question/p-hzumtstv-s.html" target="_blank" title="Kullanıcı seçilen metni Metni Metin alanında görüntüle"> Kullanıcı seçilen metni Metni Metin alanında görüntüle </a> </li> <li> 13. <a href="http://tr.voidcc.com/question/p-aztgersc-t.html" target="_blank" title="IE metin alanında garip çizgiler varken, kaydırma"> IE metin alanında garip çizgiler varken, kaydırma </a> </li> <li> 14. <a href="http://tr.voidcc.com/question/p-aegynazq-y.html" target="_blank" title="Select2 metin alanında ilk seçildikten sonra açılmıyor"> Select2 metin alanında ilk seçildikten sonra açılmıyor </a> </li> <li> 15. <a href="http://tr.voidcc.com/question/p-hjaqtxxr-v.html" target="_blank" title="Dinamik metin alanında bir değişkeni nasıl görüntüleyebilirim?"> Dinamik metin alanında bir değişkeni nasıl görüntüleyebilirim? </a> </li> <li> 16. <a href="http://tr.voidcc.com/question/p-gnpdikry-g.html" target="_blank" title="Bir android/samsung telefonundaki html metin giriş alanında otomatik büyük harf kullanımını nasıl durdurabilirim?"> Bir android/samsung telefonundaki html metin giriş alanında otomatik büyük harf kullanımını nasıl durdurabilirim? </a> </li> <li> 17. <a href="http://tr.voidcc.com/question/p-pkczexsr-x.html" target="_blank" title="vr - farklı platformları hedefleme"> vr - farklı platformları hedefleme </a> </li> <li> 18. <a href="http://tr.voidcc.com/question/p-dlnrxtvl-c.html" target="_blank" title="OpenX ve coğrafi hedefleme sorunu"> OpenX ve coğrafi hedefleme sorunu </a> </li> <li> 19. <a href="http://tr.voidcc.com/question/p-yigtjozj-h.html" target="_blank" title="Yalnızca x ekseninde küçük kılavuz çizgileri yok"> Yalnızca x ekseninde küçük kılavuz çizgileri yok </a> </li> <li> 20. <a href="http://tr.voidcc.com/question/p-etvlrgyw-w.html" target="_blank" title="Regex ifadesi Bütün harfleri vermek"> Regex ifadesi Bütün harfleri vermek </a> </li> <li> 21. <a href="http://tr.voidcc.com/question/p-dknzgscf-x.html" target="_blank" title="() belirli harfleri çalışmıyor?"> () belirli harfleri çalışmıyor? </a> </li> <li> 22. <a href="http://tr.voidcc.com/question/p-todtjuds-x.html" target="_blank" title="webpack paket kodu hedefleme node.js"> webpack paket kodu hedefleme node.js </a> </li> <li> 23. <a href="http://tr.voidcc.com/question/p-yaagsaps-e.html" target="_blank" title="Grunt JS hedefleme * tüm klasörler"> Grunt JS hedefleme * tüm klasörler </a> </li> <li> 24. <a href="http://tr.voidcc.com/question/p-yizwvomc-m.html" target="_blank" title="Tablodaki belirli bir sütunu hedefleme"> Tablodaki belirli bir sütunu hedefleme </a> </li> <li> 25. <a href="http://tr.voidcc.com/question/p-ptfnnifj-ba.html" target="_blank" title="Kısayol oluşturma, hedefleme yolunu değiştirir"> Kısayol oluşturma, hedefleme yolunu değiştirir </a> </li> <li> 26. <a href="http://tr.voidcc.com/question/p-yhmptkey-b.html" target="_blank" title="Visual Studio'da TypeScript ile ES5'i Hedefleme"> Visual Studio'da TypeScript ile ES5'i Hedefleme </a> </li> <li> 27. <a href="http://tr.voidcc.com/question/p-astsgozs-x.html" target="_blank" title="Sütunlarda A sütununda bulunan girdiler B harfleri"> Sütunlarda A sütununda bulunan girdiler B harfleri </a> </li> <li> 28. <a href="http://tr.voidcc.com/question/p-ctrtsvlm-d.html" target="_blank" title="Firefox'ta metin alanında satır numaralarını elde etmenin en iyi yolu"> Firefox'ta metin alanında satır numaralarını elde etmenin en iyi yolu </a> </li> <li> 29. <a href="http://tr.voidcc.com/question/p-gpjkbytn-m.html" target="_blank" title="Django'daki metin alanında otomatik tamamlamayı devre dışı bırakılsın mı?"> Django'daki metin alanında otomatik tamamlamayı devre dışı bırakılsın mı? </a> </li> <li> 30. <a href="http://tr.voidcc.com/question/p-tuzalvwy-c.html" target="_blank" title="Metin Alanında Yer Tutucu ve Giriş Metninin Merkezlenmesi"> Metin Alanında Yer Tutucu ve Giriş Metninin Merkezlenmesi </a> </li> </ul> </div> <div> <script async src="//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="3534119089"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img2.voidcc.com/voidso/script/side.js?t=1652515422829"></script> <script type="text/javascript" src="http://img2.voidcc.com/voidso/plugin/highlight/highlight.pack.js"></script> <link href="http://img2.voidcc.com/voidso/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="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3862022848" 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.voidcc.com/question/p-gmmttkaw-v.html" target="_blank" title="android 7 kaydedilmiş aramalarda gelen sesi duyamıyorum?"> android 7 kaydedilmiş aramalarda gelen sesi duyamıyorum? </a> </li> <li class="side_article_list_item"> 2. <a href="http://tr.voidcc.com/question/p-mvycswdv-z.html" target="_blank" title="Çalışma zamanında bir RowClick (ExtNet Deposu) nasıl yapılır"> Çalışma zamanında bir RowClick (ExtNet Deposu) nasıl yapılır </a> </li> <li class="side_article_list_item"> 3. <a href="http://tr.voidcc.com/question/p-aloodsno-u.html" target="_blank" title="Imag svg ham verileri kullanarak SVG Görüntü oluşturma IMG"> Imag svg ham verileri kullanarak SVG Görüntü oluşturma IMG </a> </li> <li class="side_article_list_item"> 4. <a href="http://tr.voidcc.com/question/p-wzscrkhq-s.html" target="_blank" title="Neden com.google.android.gms.common.api.ApiException: 10: adresini alıyorum?"> Neden com.google.android.gms.common.api.ApiException: 10: adresini alıyorum? </a> </li> <li class="side_article_list_item"> 5. <a href="http://tr.voidcc.com/question/p-npxakehy-u.html" target="_blank" title="Bir işlev, D'de zaten verilen parametrelerle bağımsız değişken olarak nasıl çağrılır?"> Bir işlev, D'de zaten verilen parametrelerle bağımsız değişken olarak nasıl çağrılır? </a> </li> <li class="side_article_list_item"> 6. <a href="http://tr.voidcc.com/question/p-rbkupwdb-t.html" target="_blank" title="AVPlayer, iOS 11'de çalışmıyor"> AVPlayer, iOS 11'de çalışmıyor </a> </li> <li class="side_article_list_item"> 7. <a href="http://tr.voidcc.com/question/p-hbzjmnxa-s.html" target="_blank" title="C++'da bir boole bitsel olarak geçiş yapabilir misiniz?"> C++'da bir boole bitsel olarak geçiş yapabilir misiniz? </a> </li> <li class="side_article_list_item"> 8. <a href="http://tr.voidcc.com/question/p-dxmblhgn-ba.html" target="_blank" title="döndürün dizi ve nesne değişkeni"> döndürün dizi ve nesne değişkeni </a> </li> <li class="side_article_list_item"> 9. <a href="http://tr.voidcc.com/question/p-msumtpqh-bb.html" target="_blank" title="Python & Beautiful Çorbası: Sadece belirli bir sınıfta arama"> Python & Beautiful Çorbası: Sadece belirli bir sınıfta arama </a> </li> <li class="side_article_list_item"> 10. <a href="http://tr.voidcc.com/question/p-ghlnqzty-t.html" target="_blank" title="Apache2 httpd, Apache'den giden SSL bağlantıları için ubuntu'nun CA sertifikasını nasıl kullanır?"> Apache2 httpd, Apache'den giden SSL bağlantıları için ubuntu'nun CA sertifikasını nasıl kullanır? </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"> 1. <a href="http://tr.voidcc.com/question/p-ymommlrt-d.html" target="_blank" title="Küçük harfle Metin Eklentisi"> Küçük harfle Metin Eklentisi </a> </li> <li class="side_article_list_item"> 2. <a href="http://tr.voidcc.com/question/p-bqdvjcxm-u.html" target="_blank" title="Python: Bir dize içinde büyük ve küçük harfleri ayırma"> Python: Bir dize içinde büyük ve küçük harfleri ayırma </a> </li> <li class="side_article_list_item"> 3. <a href="http://tr.voidcc.com/question/p-zlyhyjbp-p.html" target="_blank" title="thumbnail Küçük resim alanında jquery kaydırıcısı gerekiyor"> thumbnail Küçük resim alanında jquery kaydırıcısı gerekiyor </a> </li> <li class="side_article_list_item"> 4. <a href="http://tr.voidcc.com/question/p-yiolbjvp-p.html" target="_blank" title="Metin alanında temizle düğmesi rengi"> Metin alanında temizle düğmesi rengi </a> </li> <li class="side_article_list_item"> 5. <a href="http://tr.voidcc.com/question/p-xoyijsuo-ba.html" target="_blank" title="İlk öğeyi yalnızca diğer kardeşleri varsa hedefle hedefleme"> İlk öğeyi yalnızca diğer kardeşleri varsa hedefle hedefleme </a> </li> <li class="side_article_list_item"> 6. <a href="http://tr.voidcc.com/question/p-urzoeryk-r.html" target="_blank" title="Bir metin alanını nasıl yalnızca notalarda okuyabilirim?"> Bir metin alanını nasıl yalnızca notalarda okuyabilirim? </a> </li> <li class="side_article_list_item"> 7. <a href="http://tr.voidcc.com/question/p-mkmfauvc-x.html" target="_blank" title="Metin alanında veya metin alanında salt okunur bazı özel sözcükler nasıl yapılır"> Metin alanında veya metin alanında salt okunur bazı özel sözcükler nasıl yapılır </a> </li> <li class="side_article_list_item"> 8. <a href="http://tr.voidcc.com/question/p-ttbopeas-a.html" target="_blank" title="Bir dizginin yalnızca Python'daki harfleri içerip içermediğini nasıl kontrol edebilirim?"> Bir dizginin yalnızca Python'daki harfleri içerip içermediğini nasıl kontrol edebilirim? </a> </li> <li class="side_article_list_item"> 9. <a href="http://tr.voidcc.com/question/p-rlahmysm-k.html" target="_blank" title="Tablo Alanında Metin Alanı Olan Iphone Cells"> Tablo Alanında Metin Alanı Olan Iphone Cells </a> </li> <li class="side_article_list_item"> 10. <a href="http://tr.voidcc.com/question/p-tzjyovxi-w.html" target="_blank" title="Metin alanında imleç dilini Kopyala/Yapıştır"> Metin alanında imleç dilini Kopyala/Yapıştır </a> </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.voidcc.com/contact">Bize ulaşın</a></li> <li>© 2020 TR.VOIDCC.COM</li> <li><a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">沪ICP备13005482号-13</a></li> <li><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1280098168&web_id=1280098168"></script></li> <li><a href="http://cn.voidcc.com/" target="_blank" title="程序问答园区">简体中文</a></li> <li><a href="http://hk.voidcc.com/" target="_blank" title="程序問答園區">繁體中文</a></li> <li><a href="http://ru.voidcc.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.voidcc.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.voidcc.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.voidcc.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.voidcc.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.voidcc.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.voidcc.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.voidcc.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.voidcc.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.voidcc.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.voidcc.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77509369-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-77509369-5'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?67d4731349f0b00136755b80364ce381"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>