Thay đổi màu phông chữ trong Hộp văn bản trong IE bị tắt

Tôi nhận thấy rằng bạn có thể thay đổi màu của văn bản trong hộp văn bản bị vô hiệu hóa trong Firefox áp dụng một lớp đơn giản nhưng không thể có cách để làm điều đó trong IE 6/7. Có ai ngoài kia có một giải pháp thanh lịch để đạt được điều này không.Thay đổi màu phông chữ trong Hộp văn bản trong IE bị tắt

Nguồn

2009-03-02 chugh97

Tôi không sử dụng jQuery và không biết cách sử dụng nó ... Tôi đang tìm kiếm một giải pháp thanh lịch trong CSS – chugh97

tôi nhận thấy rằng bạn có thể thay đổi màu sắc của văn bản trong textbox đó bị vô hiệu hóa trong Firefox

Tôi nghĩ rằng những gì các câu hỏi đang cố gắng nói là điều này:

<textarea disabled="disabled" style="color: red;">Hello</textarea>

Kết quả trong văn bản màu xám trong IE, so với màu đỏ trong Fox. FWIW, Opera cũng cho màu xám, trong khi trình duyệt WebKit cho màu đỏ.

Đây là vấn đề CSS thuần túy để thực hiện với số lượng trường biểu mẫu được hiển thị theo bộ tiện ích con của hệ điều hành và số lượng theo quy tắc CSS. Điều này luôn là một khu vực có sự khác biệt lớn giữa các trình duyệt. Scripting không liên quan, mặc dù SO muốn "sử dụng jQuery" để trở thành câu trả lời cho mọi câu hỏi.

Cách giải quyết thông thường là sử dụng ‘chỉ đọc’ thay vì ‘bị vô hiệu’, sau đó sử dụng kiểu (ví dụ: dựa trên ‘class =” disabled ”’) để tái tạo bất kỳ hiệu ứng bị tắt nào bạn muốn. Các điều khiển 'chỉ đọc' không được biến thành tiện ích con bị vô hiệu hóa ở cấp độ hệ điều hành, giúp bạn có thêm vĩ độ để tạo kiểu cho chúng.

Nguồn

2009-03-02 13:09:42 bobince

Cảm ơn lời giải thích ... nhưng tôi có một câu hỏi khác ... Làm thế nào để tôi thực hiện các điều khiển khác như CheckboxLists vv trên biểu mẫu ReadOnly vì chúng dường như không có thuộc tính này trên chúng. – chugh97

Có, chỉ đọc có sẵn cho và <input type = "text"/"password">. <input type = "checkbox"/"radio"> và các điều khiển khác như <select> chỉ có thể là 'vô hiệu hóa' - và có cơ hội hạn chế để tạo kiểu trong mọi trường hợp. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/18936/">bobince</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">+8</span></div> <div class="col-lg-11"> <p class="commenttext">Tôi hơi bối rối vì sao đây không phải là câu trả lời được chọn. Cảm ơn. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </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">-12<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Bạn có hai lựa chọn (kể từ IE 6/7 không hỗ trợ: disabled css-selector)</p> <ol> <li>Sử dụng jQuery (hoặc một số khác js-lib lựa chọn của bạn) và áp dụng một lớp học để tất cả các yếu tố đầu vào bị vô hiệu hóa, giả sử: $ ("input: disabled, textarea: disabled"). addClass ("bị vô hiệu hóa");</li> <li>Thêm lớp "vô hiệu hóa" theo cách thủ công ở phía máy chủ, điều này tất nhiên chỉ có thể thực hiện được nếu bạn biết trước khi bàn tay nào sẽ bị vô hiệu hóa và các yếu tố nào sẽ không được.</li> </ol> </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/602085">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2009-03-02 12:06:14</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/452521/">thr</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+1</span></div> <div class="col-lg-11"> <p class="commenttext">không có ý tưởng tại sao câu trả lời này được chọn vì nó không chính xác. Xem câu trả lời upvoted từ bobince dưới đây là câu trả lời đúng thực tế. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/457392/">Andy</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">+3</span></div> <div class="col-lg-11"> <p class="commenttext">Câu trả lời là sai. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/347348/">Andy</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Afaicr trong HTML có vẻ hơi giống như <code class="prettyprint-override"><textarea disabled="disabled"></code> phải không? Bạn có thể lấy đi với <code class="prettyprint-override">textarea[disabled="disabled"]</code> trong IE7 (có thể không hoạt động trong IE6 tuy nhiên).</p> <p><a href="https://stackoverflow.com/questions/602070/changing-font-colour-in-textboxes-in-ie-which-are-disabled/602085#602085">fredrikholmstrom</a> câu trả lời là giải pháp trình duyệt chéo tốt nhất.</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/602105">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2009-03-02 12:15:30</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2025/">Ross</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">26<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p> Cần lưu ý rằng việc sử dụng các thuộc tính <b><code class="prettyprint-override">disabled</code></b> làm cho tiềm ẩn <b><code class="prettyprint-override"><input></code></b> yếu tố không phải nộp trong một hình thức gửi, nơi như <b><code class="prettyprint-override">readonly</code></b> điều khiển được gửi đến máy chủ. Do đó, bạn không nên sử dụng <b><code class="prettyprint-override">readonly</code></b> nếu mã máy chủ của bạn không mong đợi một giá trị từ điều khiển đó.</p> <p> Đó là kinh nghiệm của tôi mà cố gắng để hack một cái gì đó để có được một bài thuyết trình có thể chấp nhận thường là không có giá trị nó. Tôi khuyên bạn nên thay đổi CSS của bạn để kiểu dáng văn bản bị vô hiệu hóa IE không xung đột với kiểu điều khiển nằm bên dưới của bạn, hoặc bạn sử dụng văn bản được tạo kiểu thay cho điều khiển (vì các điều khiển bị vô hiệu hóa không thành công cho việc gửi anyways). Làm việc với trình duyệt và không chống lại nó.</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/635071">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2009-03-11 15:31:11</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+1</span></div> <div class="col-lg-11"> <p class="commenttext">Điều này có thể rất tốt để biết thực sự – <span class="text-secondary"> <small> <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">+1 Đây là câu trả lời đúng, IMO. Hoặc là thay đổi thiết kế của bạn một chút để đầu vào bị vô hiệu hóa của bạn có vẻ ổn trong IE với màu văn bản mặc định hoặc bạn có thể sử dụng div được tạo kiểu theo cách bạn muốn đầu vào bị tắt. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/851885/">BadHorsie</a></span> <span></span> </small> </span> </p> </div> </div> </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">2<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Bạn có thể sử dụng sau đây để mô phỏng hành vi tàn tật-lĩnh vực với những dòng tiếp theo:</p> <pre><code class="prettyprint-override">// find all disabled fields $("input:disabled, textarea:disabled, select:disabled").each(function(index){ // add the class is_disabled $(this).addClass("is_disabled"); // remove the attribut disabled $(this).removeAttr('disabled'); // add new attribut readonly $(this).attr('readOnly', 'readOnly'); }); // on submit remove all fields which are still with class is_disabled $('form').submit(function() { // find all fields with class is_isabled $("input.is_disabled, textarea.is_disabled, select.is_disabled").each(function(index){ // and remove them entirely $(this).remove(); }); return true; }); // now don't let anyone click into the fields // this will simulate the 'disabled' functionality $('.is_disabled').click(function() { $('.is_disabled').blur(); }); </code></pre> </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/8489882">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2011-12-13 13:15:47</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/294074/">dazz</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <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>Tôi đoán bạn có thể viết css cho rằng vì đi về phía trước với JQuery. Tôi chưa thử nghiệm nó. Nhưng nếu bạn vô hiệu hóa một vùng văn bản, nó sẽ tự động xử lý các kiểu. Thêm phần này vào stylesheet của bạn và cho tôi biết ....</p> <pre><code class="prettyprint-override">input[disabled][type='text'], textarea[disabled]{ color: rgb(0,0,0); background-color:Silver;} </code></pre> </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/10741903">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2012-05-24 16:51:10</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/740756/">user007</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+1</span></div> <div class="col-lg-11"> <p class="commenttext">Thật bất ngờ nó làm việc cho tôi trong IE8, tôi đã không thử nghiệm nó trong IE7 – <span class="text-secondary"> <small> <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">@ user197586 Bạn đã có cơ hội để kiểm tra điều này trong IE7 chưa? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/740756/">user007</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">3<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Vấn đề với trình duyệt IE mà nó không thể áp dụng phong cách để kiểm soát khuyết tật, đó là lý do tại sao trước hết chúng ta cần phải loại bỏ nó từ textbox của chúng tôi, sau đó thêm phong cách của chúng tôi và vô hiệu hóa tập trung vào kiểm soát. Tôi đã thử cũng unbind ('tập trung') nhưng nó đã không hoạt động.</p> <p>Vì vậy, tôi sử dụng jQuery cho việc này:</p> <pre class="lang-js prettyprint-override"><code class="prettyprint-override">var disabledControls = $("input:disabled, textarea:disabled"); disabledControls.removeAttr('disabled'); disabledControls.addClass("is-disabled"); disabledControls.focus(function() { this.blur(); }); </code></pre> <p>lớp CSS:</p> <pre class="lang-css prettyprint-override"><code class="prettyprint-override">.is-disabled { background-color: #EBEBEB; color: black !important; } </code></pre> <p>trình một cách hoàn hảo trong IE8 \ 9 và Chrome ...</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/10816009">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2012-05-30 12:11:35</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/789012/">Schnapz</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <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">Vì bạn đã loại bỏ thuộc tính đã tắt của đầu vào, giá trị sẽ được gửi đến máy chủ khi bạn gửi biểu mẫu. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/851885/">BadHorsie</a></span> <span></span> </small> </span> </p> </div> </div> </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">7<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>tôi đã cùng một vấn đề cho <code class="prettyprint-override"><select></code> các phần tử trong IE10 và tìm thấy giải pháp:</p> <p><a href="http://jsbin.com/ujapog/90">http://jsbin.com/ujapog/90</a></p> <p>Có một psuedo-yếu tố Microsoft cho phép màu sắc văn bản được sửa đổi:</p> <pre><code class="prettyprint-override">select[disabled='disabled']::-ms-value { color: #000; } </code></pre> <p>Nguyên tắc phải nằm riêng của nó, bởi vì các trình duyệt khác khác sẽ bỏ qua toàn bộ quy tắc do lỗi cú pháp. Xem <a href="http://msdn.microsoft.com/en-us/library/ie/hh869604(v=vs.85).aspx">http://msdn.microsoft.com/en-us/library/ie/hh869604(v=vs.85).aspx</a> cho các phần tử psuedo chỉ có trong Internet Explorer khác.</p> <p>EDIT: Phần tử psuedo <code class="prettyprint-override">-ms-value</code> được giới thiệu trong IE10 vì vậy sẽ không hoạt động trên các phiên bản trước đó.</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/15080272">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2013-02-26 02:23:00</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/436776/">robocat</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <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">Điều đó dường như không thay đổi phong cách trong IE8. Vẫn nổi màu xám trên máy của tôi. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/378151/">Snekse</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">Tôi đã tìm kiếm giải pháp và tìm kiếm gần như toàn bộ internet và không thể tìm thấy giải pháp cho hộp chọn bị tắt và hoạt động này! Cảm ơn! – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/3664360/">Edrees</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">+2</span></div> <div class="col-lg-11"> <p class="commenttext">Tôi nghi ngờ có lẽ tốt hơn nên sử dụng 'select: disabled :: - ms-value' (xem https://developer.mozilla.org/es/docs/Web/CSS/:disabled) hoặc' select [disabled]: : -ms-value' (tuy nhiên tôi chưa cài đặt IE vào lúc này vì vậy chưa thử nghiệm, xin lỗi). – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/436776/">robocat</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <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>Tôi cũng tìm kiếm một giải pháp đơn giản, không có văn bản. Sau đây đã làm việc cho tôi trong IE 8. Ý tưởng là sử dụng tính trong suốt nền và bộ lọc để biến đổi và tô màu văn bản. Điều này làm tối văn bản bị tắt chỉ đủ để làm cho nó dễ đọc.</p> <pre><code class="prettyprint-override">textarea[disabled], select[disabled], input[type='text'][disabled] { /*required*/ background-color:transparent; filter: light; /*fine tuning*/ font-weight:100; font-family: Tahoma; border: 1px solid; letter-spacing:1px; } </code></pre> <p>Các <code class="prettyprint-override">select</code> không có một bóng thả, do đó làm cho văn bản rất dày để có được một tương tự hiệu ứng font-weight.</p> <pre><code class="prettyprint-override">select[disabled] { font-weight:900; } </code></pre> </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/17458042">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2013-07-03 21:00:36</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>đầu vào [tắt] và đầu vào [readonly] làm việc trong IE 7, 8 và 9 khi bạn thêm dòng này vào file html:</p> <pre><code class="prettyprint-override"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> </code></pre> </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/19155162">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2013-10-03 09:08:57</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2841946/">Anas</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <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">Đây là giải pháp duy nhất có hiệu quả đối với tôi. Tôi đã thử tất cả các câu trả lời khác trong trang này và các câu hỏi khác, không có gì giúp tôi. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/3659479/">Siva</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">Ít nhất trên IE8, tính năng này không hoạt động. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1466341/">DarkSide</a></span> <span></span> </small> </span> </p> </div> </div> </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>Sử dụng một lớp phủ nhãn:</p> <pre><code class="prettyprint-override"><asp:Label ID="lblTxtHider" runat="server" Text="" CssClass="hidden" Enabled="false"></asp:Label> <asp:TextBox ID="TextBox1" runat="server" CssClass="frmItem" Visible="false" OnTextChanged="TextBox1_TextChanged"></asp:TextBox> </code></pre> <p>Sau đó, trong CSS:</p> <pre><code class="prettyprint-override">.disabledColorChanger { position: absolute; font-family: Arial; font-size: 13px; margin-top: 3px; margin-left: 4px; } .disabledColorChanger[disabled] { display:none; } </code></pre> <p>Và trong mã khi thiết hoặc vô hiệu hóa:</p> <pre><code class="prettyprint-override">private void SetEnabled(bool enabled) { lblTxtHider.Enabled = !enabled; TextBox1.Enabled = enabled; lblTxtHider.Text = TextBox1.Text; } </code></pre> <p>Và mã SỬA CHỮA để phát hiện ví dụ:</p> <pre><code class="prettyprint-override"><script> $(document).ready(function() { var isIE = /*@<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2447477b4b4a0564">[email protected]</a>*/false || !!document.documentMode; if (isIE) { document.getElementById("<%=lblTxtHider.ClientID%>").className = "disabledColorChanger"; } }); </script> </code></pre> <p>Chỉ cần đặt label = giá trị đầu vào. Làm việc cho tôi.</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/35515171">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-02-19 21:16:16</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/5318478/">Mike</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">Các vấn đề liên quan</div> <ul class="relative_list"> <li> 1. <a href="http://vi.voidcc.com/question/p-ktkhyhoi-m.html" target="_blank" title="Cách thay đổi màu phông chữ của đầu vào bị tắt trong Firefox"> Cách thay đổi màu phông chữ của đầu vào bị tắt trong Firefox </a> </li> <li> 2. <a href="http://vi.voidcc.com/question/p-htkhaxur-o.html" target="_blank" title="Làm thế nào để thay đổi màu phông chữ trong hộp văn bản trong C#?"> Làm thế nào để thay đổi màu phông chữ trong hộp văn bản trong C#? </a> </li> <li> 3. <a href="http://vi.voidcc.com/question/p-kfxsdkxe-h.html" target="_blank" title="Đặt màu phông chữ Java trong trường văn bản bị tắt"> Đặt màu phông chữ Java trong trường văn bản bị tắt </a> </li> <li> 4. <a href="http://vi.voidcc.com/question/p-szkqmjul-bk.html" target="_blank" title="thay đổi màu phông chữ trong hộp văn bản bằng CSS khi giá trị được nhập vào hộp"> thay đổi màu phông chữ trong hộp văn bản bằng CSS khi giá trị được nhập vào hộp </a> </li> <li> 5. <a href="http://vi.voidcc.com/question/p-nkpfkhin-bk.html" target="_blank" title="Thay đổi phông chữ của văn bản trong richtextbox"> Thay đổi phông chữ của văn bản trong richtextbox </a> </li> <li> 6. <a href="http://vi.voidcc.com/question/p-btwxnakr-o.html" target="_blank" title="Javascript - Thay đổi màu phông chữ của văn bản nhất định trong textarea"> Javascript - Thay đổi màu phông chữ của văn bản nhất định trong textarea </a> </li> <li> 7. <a href="http://vi.voidcc.com/question/p-bbgccxog-bd.html" target="_blank" title="Thay đổi màu văn bản trong các hộp CHỌN"> Thay đổi màu văn bản trong các hộp CHỌN </a> </li> <li> 8. <a href="http://vi.voidcc.com/question/p-osqctdif-bk.html" target="_blank" title="Thay đổi màu chữ trong Eclipse"> Thay đổi màu chữ trong Eclipse </a> </li> <li> 9. <a href="http://vi.voidcc.com/question/p-gaixqzqz-g.html" target="_blank" title="Thay đổi màu và màu của văn bản trong hộp văn bản"> Thay đổi màu và màu của văn bản trong hộp văn bản </a> </li> <li> 10. <a href="http://vi.voidcc.com/question/p-fjpailaf-b.html" target="_blank" title="Thay đổi màu văn bản trong một WebView?"> Thay đổi màu văn bản trong một WebView? </a> </li> <li> 11. <a href="http://vi.voidcc.com/question/p-axbopbhd-h.html" target="_blank" title="Màu văn bản nhập bị tắt"> Màu văn bản nhập bị tắt </a> </li> <li> 12. <a href="http://vi.voidcc.com/question/p-cxoykice-ba.html" target="_blank" title="Thay đổi Phông chữ của Vùng Văn bản"> Thay đổi Phông chữ của Vùng Văn bản </a> </li> <li> 13. <a href="http://vi.voidcc.com/question/p-wmfcllqa-s.html" target="_blank" title="tự động thay đổi màu phông chữ TextView trong ListView"> tự động thay đổi màu phông chữ TextView trong ListView </a> </li> <li> 14. <a href="http://vi.voidcc.com/question/p-nmjwjbhb-bo.html" target="_blank" title="phông chữ văn bản thay đổi kích thước"> phông chữ văn bản thay đổi kích thước </a> </li> <li> 15. <a href="http://vi.voidcc.com/question/p-rcuqejlm-e.html" target="_blank" title="Nút Thích của Facebook - thay đổi màu phông chữ?"> Nút Thích của Facebook - thay đổi màu phông chữ? </a> </li> <li> 16. <a href="http://vi.voidcc.com/question/p-tnniegev-e.html" target="_blank" title="Đặt màu phông chữ trong tôm"> Đặt màu phông chữ trong tôm </a> </li> <li> 17. <a href="http://vi.voidcc.com/question/p-sgtithks-q.html" target="_blank" title="Thay đổi màu văn bản trong MoreNavigationController"> Thay đổi màu văn bản trong MoreNavigationController </a> </li> <li> 18. <a href="http://vi.voidcc.com/question/p-xxeyeyaf-h.html" target="_blank" title="Làm thế nào để thay đổi màu phông chữ của một TextBox bị vô hiệu hóa?"> Làm thế nào để thay đổi màu phông chữ của một TextBox bị vô hiệu hóa? </a> </li> <li> 19. <a href="http://vi.voidcc.com/question/p-nsyekwql-p.html" target="_blank" title="Thay đổi màu nền và màu phông chữ"> Thay đổi màu nền và màu phông chữ </a> </li> <li> 20. <a href="http://vi.voidcc.com/question/p-vngyqhai-p.html" target="_blank" title="Thay đổi màu văn bản trong trường văn bản"> Thay đổi màu văn bản trong trường văn bản </a> </li> <li> 21. <a href="http://vi.voidcc.com/question/p-hhxptlih-c.html" target="_blank" title="Làm cách nào để thay đổi màu nền của hộp văn bản có định dạng khi nó bị tắt?"> Làm cách nào để thay đổi màu nền của hộp văn bản có định dạng khi nó bị tắt? </a> </li> <li> 22. <a href="http://vi.voidcc.com/question/p-ctblirea-bc.html" target="_blank" title="Phông chữ mặc định cho Hộp văn bản nhiều dòng khác với Hộp văn bản đơn?"> Phông chữ mặc định cho Hộp văn bản nhiều dòng khác với Hộp văn bản đơn? </a> </li> <li> 23. <a href="http://vi.voidcc.com/question/p-ofgjjvmt-p.html" target="_blank" title="Phông chữ nhúng văn bản trong PDF"> Phông chữ nhúng văn bản trong PDF </a> </li> <li> 24. <a href="http://vi.voidcc.com/question/p-yepuoqjk-bq.html" target="_blank" title="Thay đổi màu văn bản"> Thay đổi màu văn bản </a> </li> <li> 25. <a href="http://vi.voidcc.com/question/p-zpzgcdeu-bd.html" target="_blank" title="Whats phông chữ và màu sắc của văn bản UITableViewCell?"> Whats phông chữ và màu sắc của văn bản UITableViewCell? </a> </li> <li> 26. <a href="http://vi.voidcc.com/question/p-qujhnknw-bc.html" target="_blank" title="Chọn văn bản trong hộp văn bản bị tắt trong C#"> Chọn văn bản trong hộp văn bản bị tắt trong C# </a> </li> <li> 27. <a href="http://vi.voidcc.com/question/p-mctluqzo-h.html" target="_blank" title="Màu chế độ xem văn bản Android không thay đổi khi bị tắt"> Màu chế độ xem văn bản Android không thay đổi khi bị tắt </a> </li> <li> 28. <a href="http://vi.voidcc.com/question/p-tfisjbul-s.html" target="_blank" title="Thay đổi màu phông chữ và màu nền của TMemo trong FireMonkey"> Thay đổi màu phông chữ và màu nền của TMemo trong FireMonkey </a> </li> <li> 29. <a href="http://vi.voidcc.com/question/p-syofshda-v.html" target="_blank" title="Thay đổi Kiểu phông chữ"> Thay đổi Kiểu phông chữ </a> </li> <li> 30. <a href="http://vi.voidcc.com/question/p-bfufbonz-bc.html" target="_blank" title="cách thay đổi màu nhãn văn bản QCheckBox trong Qt?"> cách thay đổi màu nhãn văn bản QCheckBox trong Qt? </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=1652515422912"></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"> Câu hỏi mới nhất </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://vi.voidcc.com/question/p-kbanjnnb-cb.html" target="_blank" title="Làm cách nào để liên kết một IP Đàn hồi với vùng chứa Fargate?"> Làm cách nào để liên kết một IP Đàn hồi với vùng chứa Fargate? </a> </li> <li class="side_article_list_item"> 2. <a href="http://vi.voidcc.com/question/p-wplohhhk-bu.html" target="_blank" title="Sự khác biệt hiệu suất giữa OSX và Linux để giao tiếp bằng cách sử dụng đa xử lý Python"> Sự khác biệt hiệu suất giữa OSX và Linux để giao tiếp bằng cách sử dụng đa xử lý Python </a> </li> <li class="side_article_list_item"> 3. <a href="http://vi.voidcc.com/question/p-axucklgb-bz.html" target="_blank" title="Trình mô phỏng: giả lập: LRI: Thiếu tập tin phân vùng dữ liệu ban đầu:"> Trình mô phỏng: giả lập: LRI: Thiếu tập tin phân vùng dữ liệu ban đầu: </a> </li> <li class="side_article_list_item"> 4. <a href="http://vi.voidcc.com/question/p-tecedqnn-bw.html" target="_blank" title="xây dựng lõi dotnet song song hoặc đồng thời"> xây dựng lõi dotnet song song hoặc đồng thời </a> </li> <li class="side_article_list_item"> 5. <a href="http://vi.voidcc.com/question/p-byxjafjr-bv.html" target="_blank" title="Khi xây dựng Python với tối ưu hóa hướng dẫn về cấu hình, tôi có phải rời khỏi máy tính một mình không?"> Khi xây dựng Python với tối ưu hóa hướng dẫn về cấu hình, tôi có phải rời khỏi máy tính một mình không? </a> </li> <li class="side_article_list_item"> 6. <a href="http://vi.voidcc.com/question/p-osushzbe-cb.html" target="_blank" title="Lambda trong nhánh không được biểu diễn liên tục: Ai là đúng?"> Lambda trong nhánh không được biểu diễn liên tục: Ai là đúng? </a> </li> <li class="side_article_list_item"> 7. <a href="http://vi.voidcc.com/question/p-sjjtbpnh-bx.html" target="_blank" title="API phát hiện đối tượng Tensorflow có thời gian suy luận chậm với phân phối lưu lượng truy cập"> API phát hiện đối tượng Tensorflow có thời gian suy luận chậm với phân phối lưu lượng truy cập </a> </li> <li class="side_article_list_item"> 8. <a href="http://vi.voidcc.com/question/p-mxwmwmmf-bz.html" target="_blank" title="Làm thế nào để có được các mục để kéo dài để lấp đầy chiều rộng?"> Làm thế nào để có được các mục để kéo dài để lấp đầy chiều rộng? </a> </li> <li class="side_article_list_item"> 9. <a href="http://vi.voidcc.com/question/p-ffbegafc-cb.html" target="_blank" title="Điểm ngắt bị hỏng khi được đặt trong VSCode/Javascript trên Chrome"> Điểm ngắt bị hỏng khi được đặt trong VSCode/Javascript trên Chrome </a> </li> <li class="side_article_list_item"> 10. <a href="http://vi.voidcc.com/question/p-zwmcvexu-bx.html" target="_blank" title="Chứng chỉ SNI động"> Chứng chỉ SNI động </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> Các vấn đề liên quan</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://vi.voidcc.com/question/p-ktkhyhoi-m.html" target="_blank" title="Cách thay đổi màu phông chữ của đầu vào bị tắt trong Firefox"> Cách thay đổi màu phông chữ của đầu vào bị tắt trong Firefox </a> </li> <li class="side_article_list_item"> 2. <a href="http://vi.voidcc.com/question/p-htkhaxur-o.html" target="_blank" title="Làm thế nào để thay đổi màu phông chữ trong hộp văn bản trong C#?"> Làm thế nào để thay đổi màu phông chữ trong hộp văn bản trong C#? </a> </li> <li class="side_article_list_item"> 3. <a href="http://vi.voidcc.com/question/p-kfxsdkxe-h.html" target="_blank" title="Đặt màu phông chữ Java trong trường văn bản bị tắt"> Đặt màu phông chữ Java trong trường văn bản bị tắt </a> </li> <li class="side_article_list_item"> 4. <a href="http://vi.voidcc.com/question/p-szkqmjul-bk.html" target="_blank" title="thay đổi màu phông chữ trong hộp văn bản bằng CSS khi giá trị được nhập vào hộp"> thay đổi màu phông chữ trong hộp văn bản bằng CSS khi giá trị được nhập vào hộp </a> </li> <li class="side_article_list_item"> 5. <a href="http://vi.voidcc.com/question/p-nkpfkhin-bk.html" target="_blank" title="Thay đổi phông chữ của văn bản trong richtextbox"> Thay đổi phông chữ của văn bản trong richtextbox </a> </li> <li class="side_article_list_item"> 6. <a href="http://vi.voidcc.com/question/p-btwxnakr-o.html" target="_blank" title="Javascript - Thay đổi màu phông chữ của văn bản nhất định trong textarea"> Javascript - Thay đổi màu phông chữ của văn bản nhất định trong textarea </a> </li> <li class="side_article_list_item"> 7. <a href="http://vi.voidcc.com/question/p-bbgccxog-bd.html" target="_blank" title="Thay đổi màu văn bản trong các hộp CHỌN"> Thay đổi màu văn bản trong các hộp CHỌN </a> </li> <li class="side_article_list_item"> 8. <a href="http://vi.voidcc.com/question/p-osqctdif-bk.html" target="_blank" title="Thay đổi màu chữ trong Eclipse"> Thay đổi màu chữ trong Eclipse </a> </li> <li class="side_article_list_item"> 9. <a href="http://vi.voidcc.com/question/p-gaixqzqz-g.html" target="_blank" title="Thay đổi màu và màu của văn bản trong hộp văn bản"> Thay đổi màu và màu của văn bản trong hộp văn bản </a> </li> <li class="side_article_list_item"> 10. <a href="http://vi.voidcc.com/question/p-fjpailaf-b.html" target="_blank" title="Thay đổi màu văn bản trong một WebView?"> Thay đổi màu văn bản trong một WebView? </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://vi.voidcc.com/contact">Liên lạc với chúng tôi</a></li> <li>© 2020 VI.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>

Thay đổi màu phông chữ trong Hộp văn bản trong IE bị tắt

Trả lời