عناصر سمات ضمن الحوار UI مسج مع CSS ... كيف؟

StackOverflow https://stackoverflow.com/questions/1015737

  •  06-07-2019
  •  | 
  •  

سؤال

ومنذ النسخة القديمة كان على ما يبدو وسيلة من الصعب جدا أن يفهم الناس، وهنا HTML، CSS، وجافا سكريبت مجتمعة: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <title>test title</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#test').dialog({ autoOpen: false, modal: true });
                $("#test-link").click( function() {
                    $('#test').dialog('open');  
                });
            });
        </script>
        <style type="text/css">
            div#main div#test label {
                display: block;
            }
            div#main div#test input {
                padding-left: 100px;
            }
        </style>
    </head>
    <body>
        <div id="main">
            <p><a href="#" id="test-link">test</a><p>
            <div id="test" title="Submit Bug or Feature Request">
                <form>
                    <label for="test_desc">Short Description:</label>
                    <input type="text" name="test_desc" id="test_desc" value="" />
                    <input type="submit" name="" value="Submit" />
                </form>
            </div>

        </div>
    </body>
</html>

والحوار يعمل بشكل جيد، ولكن لا CSS. أي أفكار لماذا؟

هل كانت مفيدة؟

المحلول

ومسج يتحرك DIV حوار في شجرة DOM ويلتف في بعض البلدان الأخرى. وبالتالي فإن محددات CSS لا تعمل. باستخدام المثال أعلاه عليك أن تفعل شيئا من هذا القبيل: 

div.ui-dialog div#test label {
    display: block;
}
div.ui-dialog div#test input {
    padding-left: 100px;
}

نصائح أخرى

والمغلق يجب أن تعمل. قد يكون هناك مشكلة مع كيفية سلسلة قواعد المغلق. هناك محدد أكثر تحديدا تطبيق هذه القواعد مثل "#dialog شعبة # التسمية اختبار"؟ دون بقية أتش تي أم أل / المغلق أنه من المستحيل أن نشير إلى التفاصيل. الحصول على الحرائق ونرى ما يتم الحصول على تطبيق قواعد لتلك العناصر.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top