James McCool commited on
Commit
4ef8865
·
1 Parent(s): 56ca25d

Fine-tune radio button CSS selectors and styling

Browse files

Updated radio button CSS to improve selector specificity and visual design. Adjusted border radius, hover effects, and selection state to enhance the interactive styling of radio buttons in the Streamlit application.

Files changed (1) hide show
  1. app.py +3 -3
app.py CHANGED
@@ -55,18 +55,18 @@ st.markdown("""
55
  white-space: pre-wrap;
56
  background-color: #FFD700;
57
  color: white;
58
- border-radius: 1px;
59
  gap: 1px;
60
  font-weight: bold;
61
  transition: all 0.3s ease;
62
  }
63
 
64
- .stRadio [aria-selected="true"] {
65
  background-color: #DAA520;
66
  color: white;
67
  }
68
 
69
- .stRadio [data-baseweb="tab"]:hover {
70
  background-color: #DAA520;
71
  cursor: pointer;
72
  }
 
55
  white-space: pre-wrap;
56
  background-color: #FFD700;
57
  color: white;
58
+ border-radius: 10px;
59
  gap: 1px;
60
  font-weight: bold;
61
  transition: all 0.3s ease;
62
  }
63
 
64
+ .stRadio [tabindex="0"] {
65
  background-color: #DAA520;
66
  color: white;
67
  }
68
 
69
+ .stRadio [data-baseweb="radio"]:hover {
70
  background-color: #DAA520;
71
  cursor: pointer;
72
  }