I want to style the text color in the select field as gray (#b8b8b8), and when a selection (either Yes or NO) is made, the select field text should be styled as white (#fff). <form> <select> <option selected disabled>please select</option>…
I have a Django website that displays a table with data. It uses FontAwesome and Bootstrap for styling - which leads to some lengthy HTML (a standard page is 136k). Eg Some TDs contain an arrow using FA and a…
I am creating a Google-like search box for an e-commerce site. However, the border-color, transition and:focus properties are not working. I will specify the problem in 3 parts- border-color: The hex color which I specified is replicated only in the…
Microsoft Edge for iOS has a browser "Dark mode" theme selector (Light, Dark, System default). Under "Light" mode or "System default"** (**where iOS's appearance is set to "Light"), everything happens as you might expect. Yay. But, things get weird when…
this is html,css,js code for navigation menu and hamburger menu: <nav class="menu"> <div class="hamburger"> <i class="fas fa-bars"></i> </div> <ul class="menu-items"> <li><a href="#">Home</a></li> <li class="dropdown"> <a href="#">Laptop Brands <i class="fa fa-caret-down"></i></a> <div class="mega-menu"> <div class="menu-row"> <div class="menu-column"> <h3>Asus</h3> <ul> <li><a href="#">Asus1</a></li>…
I'm having a very strange issue and one which I've never seen in more than 20 years of web development. I have text which is overrunning the width of the paragraph which contains it: My client has requested the Duffy…
I am using a sunburst behind a unicode character (eye, 👁), with a CSS of: .the-eye{ width:100%; border-radius:50%; box-shadow: 0 0 20px 10px #eeee11; } HTML: <span class="the-eye">👁</span> However, instead of a clean yellow background behind it, I see a…
I want to create this background with css and on top of it I will add content What I tried is this .circle-top { background-image: linear-gradient(180deg, rgba(242, 242, 255, 0) 77.04%, #ebebff 100%); width: 95vw; height: 100vh; border-radius: 50%; position:…
Im trying to implement a special font called 'Hagrid' which was bought by the client here: https://www.fontspring.com/fonts/zetafonts/hagrid Demo-page: https://fonttest.web-fuchs.net/ When using the font on the website it is not vertically aligned to the line. On the site: fonttest.web-fuchs.net you can…
I've only successfully made the background image go down vertically on the left side of the website. But I haven't figured out how to make the background image do the same thing to the right of the webpage. <style> body…