动态创建和填充文本框或下拉列表框后，如何设置样式？

问题描述

动态创建的文本框或下拉列表框后，将动态填充它们。 任何人都可以使用CSS创建这些动态创建的下拉列表或文本框等的样式。

这是我要设置样式的代码

包含“选择尺寸”和“选择颜色”的标签

$secondScreen .= <<<MARKUP

<div class="{$giftcss}">
   <input type="hidden" name= "product_id{$i}" value="{$productId}"/> 
   <div class="gift-img"><img src="http://{$domainName}/gifts/images/{$prod_img_name}" height="250"></div>
   <div class="divider"></div>
   <div class="gift-desc"><h3>{$product_name}</h3><span>{$product_desc}</span></div>
   <div style="width:100%;">
     <h3 style="display:{$headlineVisib}">Customize your gift</h3><br>
     <p  style="display:{$sizeVisibility};">Select Size<select id = "prod_size{$i}" name="prod_size{$i}" >{$sizeOptionValues}</select></p>
     <p style="display:{$colorVisibility};">Select Color<select id = "prod_color{$i}" name="prod_color{$i}" >{$colorOptionValues}</select></p>
     <p style="display:{$personalisedVisib};">{$personalisedMsg}</p>
   </div>
MARKUP;