listitem

Is there any way to set a CSS class on an input item in a radio button list? I'd like to reference these form values by class in jQuery. Given an ASP.NET RadioButtonList with classes set on the ListItems: <asp:RadioButtonList ID="RadioButtonList" runat="server"> <asp:ListItem class="myClass" Text="Yes" Value="1" /> <asp:ListItem class="myClass" Text="No" Value="0" /> </asp:RadioButtonList> Will render as: <span id="RadioButtonList" class="radioButtonListField myClass"> <span class="myClass"> <input id="RadioButtonList_0" type="radio" value="1" name="RadioButtonList"/> <label for=

Pretty simple question, but I am not sure if it is possible. I want to add an image to act as a bullet in all <h1> elements. I know I can achieve this by: <span class='bullet'></span><h1>My H1 text here</h1> with css: .bullet{ background: url('bullet.png') no-repeat; display:inline-block; vertical-align: middle; background-size:100%; height:25px; width:25px; margin-right: 5px; } but is there an automatic way to do the same thing? I was thinking something like: h1{ list-style-image: url('bullet.png'); } but that only seems to work with <ul> elements. I really don't want to have to paste the

Is it possible to change the size of an <li> element's bullet ? Take a look at the code below: li { list-style: square; // I want to change the size of this squared bullet. } I can't seem to find any way to achieve that. You mean altering the size of the bullet, I assume? I believe this is tied to the font-size of the li tag. Thus, you can blow up the font-size for the LI, then reduce it for an element contained inside. Kind of sucks to add the extra markup - but something like: li {font-size:omgHuge;} li span {font-size:mehNormal;} Alternately, you can specify an image file for your list

So I have custom list item with buttons for a ListView. When pressed, the button display alternate drawable to show feedback to user. However when I click on the row, every buttons show pressed state as if I have clicked on them. How do I keep the button displays its original state instead of state_pressed? layout/List Item: <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:orientation="horizontal" android:paddingBottom="10dp" android:paddingTop="10dp" android:descendantFocusability="blocksDescendants" > <LinearLayout android:layout

I have a menu which is a <ul> . Each menu item is a <li> and currently clickable. Based on some conditions, I want to disable (make it not clickable) a particular <li> element. How can I achieve this? I tried using the disabled attribute on the <li> and list-style:none as well. Neither worked. Any suggestions? If you still want to show the item but make it not clickable and look disabled with CSS: CSS: .disabled { pointer-events:none; //This makes it not clickable opacity:0.6; //This grays it out to look disabled } HTML: <li class="disabled">Disabled List Item</li> Also, if you are using

I've just come across this bizarre thing that I was expecting to work in a different (logical) way, but it doesn't. Is it a bug or a "feature"? So there's a DropDownList that I'm populating in the codebehind with a List of ListItem. Each new ListItem gets 2 arguments that, according to the intellisense-provided documentation, correspond to its text and value: List<ListItem> users = new List<ListItem>(); foreach (SubscriptionUser su in subscriptionDetails.UserList) { users.Add(new ListItem(su.FirstName + " " + su.LastName, su.EmailAddress)); } ddlPrimaryContact.DataSource = users;