Как изменить размер внутри <option>
От: venik2  
Дата: 04.11.19 22:33
Оценка:
Привет,
В следующем коде я не могу изменить размер внутри <option>.
size:*, width:* ничего не меняет. Хотелось бы чтоб <div>(который выделен красным) был такого же размера как желтый <option> .
Спасибо.

Sciter. Version 4.4.0.1.


<html>
    <head>
    <title >Shapes</title>
    <style>       
         form#frm_test{flow:vertical; size:*;}        //background-color:blue;context-menu:none;         
        .panel_test  { size:*;}
        .panel_test option > caption { flow:horizontal;width:*;background-color:yellow; }        
        .panel_test option  {width:*;  } 
        .shapes_test_data {size:*;width:*;background-color:red;}
    </style>
    <script type="text/tiscript">        
    
    </script>
    </head> 
    <body style="padding:5px;flow:vertical; width:*; height:*; " > 
    <form #frm_test  >       
        <widget .panel_test type="tree" >            
            <option   #shapes_planes name="shapes_planes"  expanded  >                                    
                <span bold >shapes_test</span>                     
                <option>
                    <caption>
                        <input  type="checkbox" name="test_checkuse" id="test_checkuse" />
                        <div><input .items_name name="test_name" value="test1"/></div>
                        <div><button  name="test_color" id="test_color"  ><img  style="background-color:#FFFFFF"/></button></div>
                        <div><button  name="surf_to_dtm" id="surf_to_dtm" titleid="tt_surf_to_dtm" ><img src="images/triangulation.png"/></button> </div>
                    </caption>
                     <option name="shapes_test_data" .shapes_test_data  >                        
                <div style="size:*;" >
                            <div .span_input_button id="div_test_point"> 
                                    <span  >shape_test_point</span>
                                    <input  name="shape_test_point" id="shape_test_point" disabled />
                                    <button  name="shape_test_point_pick" #shape_test_point_pick  titleid="tt_shape_test_point_pick"  >...</button>
                            </div>
                            <div .span_input_button  id="div_test_normal"> 
                                    <span  >shape_test_normal</span>
                                    <input name="shape_test_normal" id="shape_test_normal" disabled />
                                    <button  name="shape_test_normal_pick" #shape_test_normal_pick titleid="tt_shape_test_normal_pick"   >...</button>
                            </div>                                                                
                            <div .span_input_button  id="div_test_normal"> 
                                    <span  >shape_test_slope</span>
                                    <input name="shape_test_slope" id="shape_test_slope" disabled  />
                                    <button  name="shape_test_normal_pick" #shape_test_normal_pick titleid="tt_shape_test_normal_pick"   >...</button>
                            </div>
                          </div>                          
                    </option>
                    </div>
                </option>                     
            </option>             
        </widget>
    </form>  
</body>
</html>
Отредактировано 04.11.2019 22:34 venik2 . Предыдущая версия .
Re: Как изменить размер внутри <option>
От: c-smile Канада http://terrainformatica.com
Дата: 05.11.19 15:36
Оценка:
Здравствуйте, venik2, Вы писали:

V>Привет,

V>В следующем коде я не могу изменить размер внутри <option>.
V>size:*, width:* ничего не меняет. Хотелось бы чтоб <div>(который выделен красным) был такого же размера как желтый <option> .
V>Спасибо.

.shapes_test_data {size:*;width:*;background-color:red;
  max-width:auto; //<<<<<<<<<<<< это оно
}


Ибо там max-width:max-content; задан в master css.
Re[2]: Как изменить размер внутри <option>
От: venik2  
Дата: 05.11.19 16:14
Оценка:
Здравствуйте, c-smile, Вы писали:

CS>
CS>.shapes_test_data {size:*;width:*;background-color:red;
CS>  max-width:auto; //<<<<<<<<<<<< это оно
CS>}
CS>


CS>Ибо там max-width:max-content; задан в master css.


Спасибо!
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.