css - How to customize radio button in html -

-

I am trying to get radio button like this ..

Enter image details here

but I'm getting this way

Enter image details here

If no option is selected, then I want to customize the radio button Is required and it should show white color inside it. If the radio button is selected, then the green color should be displayed inside the box.

index.html 

  & lt ;; Doctype html & gt; How to get it?  
 & lt; Html & gt; & Lt; Top & gt; & Lt; Meta charset = "UTF-8" & gt; & Lt; Style & gt; / * Radio button css * / label {display: inline; }. Radio-1 {Width: 193px; }. Button holder {float: left; Margin-left: 6px; Margin-top: 16px; }. Amit-Radio {Display: None; } .Audit-radio + label {background color: #fafafa; Border: 2px solid # cassette; Range radius: 50px; Box-shadow: 0 1 px 2 px rgba (0, 0, 0, 0.05), 0 -15 px 10 px-12px rgba (0, 0, 0, 0.05) inset; Display: Inline-block; Padding: 11px; Status: Relative; }. Amit-Radio: Check + Label: {After background: Any repeatable scrolls 0 0 # 94E325; Range radius: 50px; Box-Shadow: 0 0 10 px RGBA (0, 0, 0, 0.3) Inset; material: " "; Font-size: 36px; Height: 8px; Left: 7px; Status: Completed; Top: 7px; Width: 8px; }. Regular-radio: checked + label {background-color: # E9ECE; Border: 2px solid # adb8c0; Color: # 99A1A7; Padding: 11px; }. Regular-Radio + Label: Active,. Radio: Check + Label: Active {Box-Shadow: 0 1 Px 2 Px RGBA (0, 0, 0, 0.05), 0 1 Px 3 Px RGBA (0, 0, 0, 0.1) Inset; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div class = "button-holder" & gt; & Lt; Input type = "radio" check = "" class = "regular-radio" name = "radio-1 set" id = "radio-1 set" & gt; & Lt; Label = "radio-1-set" & gt; & Lt; / Labels & gt; & Lt; Br> & Lt; Input type = "radio" check = "" class = "regular-radio" name = "radio-1 set" id = "radio-2-set" & gt; & Lt; Label = "radio-2-set" & gt; & Lt; / Labels & gt; & Lt; Br> & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;    
 
 
 just add : first  to keep the pseudo element in mind The color is checked before the  radio  button. You can add it to your  CSS :  
  .regular-radio + label: Before {background: none repeat scroll 0 0 #FDFDFD; Range radius: 50px; Box-Shadow: 0 0 10 px RGBA (0, 0, 0, 0.3) Inset; material: " "; Font-size: 36px; Height: 8px; Left: 7px; Status: Completed; Top: 7px; Width: 8px; }   
 You can change the  background  of this label to match that instance exactly. Hope it helps.

Comments

Post a Comment

Popular posts from this blog

mysql - where clause in inner join query -

-
Please help me about this question: Look for functions ($ userpno) } {Echo $ userpno; $ This-> query = "SELECT task.employee_id, task.user_id, task.service_id, service.name AS servicename, service.description AS servicedescription, employee.name as employineame, employee.pic_path employment, employee.pic_path from work Work.user_id = '$ userpno' Join the INNER employee. Pno = task.employee_id Join INNER user user.pno = task.user_id service.service_id = task.service_id "INNER service; } query works perfectly without: WHERE task.user_id = '$ userpno' my Also try this method: WHERE task.user_id = $ userpno but it does not work. Error: Warning: mysqli_fetch_array () parameter 1 is expected to be mysqli_result, given in Boolean C: \ wamp \ www \ admin \ classes \ Task Php on line 22 Please tell me where I say where is it. Try: $ this-> query = "SELECT Task.employee_id, task.user_id, task.service_id, service.name AS s...
Read more

php - MySQL Query for Advanced Search multiple criteria -

-
I am working through an advanced search query where users select the checkbox based on multiple criteria. I am starting because I am hoping that I will know whether I am on the right path. I know that the query is quite messy Edit: I realized that there are two questions to be needed, so I have strictly modified a question question table data tables ss_users user_id FIRST_NAME LAST_NAME admin_level user_approved 1 Nick Jones 0 1 2 Johnny Rocket 0 1 table ss_user_profile_status user_id photo_uploaded 1 1 2 1 table ss_user_photos selected user_id file name photo_id 1 1 photo_1 .jpg 1 2 2 photo_2.jpg 0 3 2 photo_2.jpg 1 table ss_general user_id city state zip neighborhood 1 Baltimore maryland 00125 hamsterdam 2 Lekland My 11542 treemont table ss_languages ​​user_id French German Italian Spanish 1 0 1 0 1 2 0 1 1 Table ss_experience Waldorf Kumon homeschooling user_id 1 0 1 0 2 0 0 1 My current The result is that all users, which should not be the case: ... Select ss_use...
Read more

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

-
For a specific set of tasks, I need to log in to the incoming request inputstream as well as outgoing response. is. I am using an ActionFilterAttribute for this and overriding the OnActionExecuted and OnResultExecuted methods. So I'm starting with this idea ... Public category ActionLoggerAttribute: ActionFilterArrbit {Public Override Zero On-Offed Execution (ActionActioned Contact Filter Filter) {base.OnActionAxecuted (FilterContext); HttpRequestBase request = filterContext.HttpContext.Request; // TODO: Log the request. InputStream} Public Override Zero OnResultExecuted (ResultExecutedContext FilterContext) {base.OnResultExecuted (filterContext); HTTPRPSPointBase Response = FilterContacts Hpptex response; // TODO: Log on Response.OutputStream}} Ideally I'll hook it up with enterprise library logging because I'm already using it for error logging. Am I reaching the input and output stream at the right time? Can I easily use the Enterprise Library to log i...
Read more