How to use the style parameter in $select right?

#1

Hi TW-Community,

I read here that I can use a CSS Attribute with $select.
But if I use it is there no change in the width.
I tried:

  1. <$select field=<<field>> default=<<field>> style='width: 300px;' >
  2. <$select field=<<field>> default=<<field>> style='width: 100%;' >
  3. <$select field=<<field>> default=<<field>> style="width: 300px;" >
  4. <$select field=<<field>> default=<<field>> style="width: 100%;" >

Any help to solve this issue is welcome
Stefan

Here the complete code if relevant to solve my problem:

\whitespace trim
\procedure edit_fields(selector, fields)
<$let 
    fields={{{ [<fields>!match[]] ~[[info/db-tables]get<selector>] }}}
	config=<<currentTiddler>>
>

Please enter the data for the &nbsp; <<selector>> &nbsp;:&nbsp; {{!!caption}}.<br>
The origin name of this Data set is:  &nbsp; <<config>>.<br>
If you want to clone this &nbsp; <<selector>> &nbsp; <$transclude $variable="clone-entry" selector=<<selector>> sep="/" /><br>

<table style="width: 80%;">
	<$list filter="[enlist<fields>]" variable="field">
	<tr>
		<th style="width: 20%;"><<field>></th>
		<td style="width: 30%;">
			<$select field=<<field>> default=<<field>> style='width: 300px;' >
				<option value="">(any)</option>
				<$list filter="[tag<selector>sort[caption]get<field>] [tag<field>get[caption]sort[]]+[unique[]]" variable="value">
					<option><<value>></option>
				</$list>
			</$select>
		</td>
		<td style="width: 35%;">
		 <$edit-text tiddler=<<field_of_field>> field=<<field>>/>
		</td>
		<td style="width: 15%;">
         <$list filter="[tag<field>count[]]" variable="c_of_field">
           <%if [<c_of_field>compare:number:gt[0]] %>
            <$transclude $variable="new-entry" selector=<<field>> sep="/" />
           <% endif %>
         </$list>
		</td>
	</tr>
	</$list>
</table>
<hr>
</$let>
\end
#2

You use it like this, one css property at a time:

<$select style.width="300px" style.color="red">
..
</$select>

If you want to apply a lot of css properties, use a class attribute:

<style>
.pretty{
width: 300px;
color: red;
}
</style>

<$select class="pretty">
..
</$select>