I would like to implement a class within an input element of type "submit"

Can someone help me with this issue I'm having?

<input type="submit" class="but" name="versturen" value="Aankopen" action="versturen">

I'm trying to use the input above, but it seems that the class "but" is not being recognized. The CSS is properly linked and the name is correct because it works for other elements on my page. Any assistance would be greatly appreciated!

Answer №1

To see the desired outcome, please refer to the fiddle link below:

<input type="submit" class="button" name="send" value="Purchase" action="send">


.button{    

    /*........

      Customize your styles here

    ........*/

}

FIDDLE

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

The Bootstrap modal-backdrop dilemma requiring JavaScript intervention

I am encountering some problems with the Bootstrap modal. When I try to open a modal, everything looks good, but when I close it, the screen turns completely black. Upon closer inspection, I found that every time I click on the X to close the modal, there ...

Creating an adjustable fixed footer using Bootstrap 3

Struggling with the application of bootstrap styling. I have a footer with columns set as col-md-3, 3, 2, 4 which sums up to a total of 12. The issue lies in the differing content within each column. My goal is to achieve equal spacing between each div in ...

Is it possible to load MySQL data into an HTML form?

My Inquiry: https://i.sstatic.net/QnRVk.png I'm currently developing a web-based product catalog that includes an edit feature. At present, I have a drop-down menu that displays all the products stored in my SQL database. Is there a way to automatic ...

What if a website refuses to be embedded in an <IFrame>? Is there a workaround to still embed it?

I'm trying to include a 'www.youtube.com' video using the IFrame tag in HTML, but unfortunately it's not allowing me to embed it. Is there a workaround or different method I can use to achieve this? ...

Tips on arranging two buttons vertically so that they each occupy 50% of the total height

I am looking to create + and - buttons in Bootstrap where the + is stacked on top of the - with both buttons occupying 50% of the height of the full div each. Here's an example of what I would like to achieve: https://i.sstatic.net/DrnEt.png To imp ...

What are the steps to activate dark mode in a React Native WebView?

There's a problem reported in the react native webview regarding dark mode. It says that on iOS, the WebView automatically switches to dark theme when the system appearance is set to dark, but this does not happen on Android. There's also a PR cr ...

Generate images in real-time based on model element properties

I have a ViewModel that includes a collection of strings that I intend to use for dynamically displaying images on a Razor view. public List<string> States { get; set; } = new List<string>() { "ACT", "NSW", "NT", ...

Items in a pair of distinct columns

I want to enhance a picture by adding three paragraphs on the left-hand side. Below is my HTML code: <md-toolbar layout-align="center center"> <h3>Traffic Light Component</h3> </md-toolbar> <md-grid-list md-cols ...

What is the best way to retrieve information from a data set?

After borrowing some basic HTML, CSS, and JavaScript code from CodePen, I ran into an issue while attempting to convert it to React. The error message says that it cannot read properties of null (specifically 'dataset'). Here is the JavaScript c ...

Hide multiple divs with similar ids in JQuery when clicking outside of them

Is there a way to hide all div elements with similar id if none of them are clicked on? Currently, my code only works for the first div because I am using index[0] to retrieve the id. How can I make it work for all ids? Below is the code snippet: $(win ...

Trouble with retrieving data from localStorage

On my webpage, I have set up multiple input fields where users can enter data. When they click a button, the data from these inputs is stored inside <span>...</span> elements (the intention being that the text remains visible in these <span& ...

Enhancing the window.print() Functionality

I recently utilized the window.print() function to print a web page containing a table. The headers of the table were styled with font color, however when printed, they appeared black instead. Below is the code snippet: <thead> <tr style="color:r ...

PNG image with transparent background not displaying the background image, only the background color in an HTML

I'm having trouble overlaying my transparent logo on top of my background image. When I try, only the background color is showing up instead. For reference, here's an example: I am currently using a customized version of the WordPress theme Col ...

Is it possible for JavaScript to identify modifications in the HTML, like an input made with Ctrl+Shift+I?

Check out this website I'm currently working on. As a fun challenge for users, we're encouraging them to use ctrl+shift+i to manipulate the HTML and modify certain elements. Is it possible for Javascript or CSS/HTML to detect these changes? For ...

Enhance communication between parent and child scopes in Angular applications

<div class="full-row" ng-repeat="row in pendingRequests | orderBy: '-modificationDate' | partition:3"> <div class="one-third" ng-repeat="request in row track by request.id"> <div clas ...

Having trouble clearing the value of a textfield in Ionic Angular?

Currently, I am working on a project built with Ionic and Angular. The problem I am encountering is related to user signups. Whenever an admin creates a new user, the user receives a signup link. Upon opening the link, a signup form is displayed. Although ...

What is the best way to make a DIV box span the entire webpage without overflowing to the left?

I am currently working on a client's website and running into some issues with the layout of the booking page. The address is supposed to be on the left side, the contact form on the right, and both should be contained within a white box that fills th ...

What is the best approach to create a JavaScript search filter function spanning two pages?

Page1.html has a form with a drop-down menu containing options Color and Shape. There is also a submit button. Assuming Page2.html displays various shapes like Blue Square, Red Square, Blue Circle, Red Circle, is it feasible to create a JavaScript file th ...

Troubleshooting Margins in Bootstrap Container

Can someone help me figure out how to set consistent margins on a container using Bootstrap spacing properties without messing up the alignment?https://i.sstatic.net/unp8d.jpg * { box-sizing: border-box; } .container { max-width: 960px; } <div ...

What is the best way to extract specific keys from a PHP JSON object?

I would like the PHP function to generate a list of keys where the value is equal to or less than a specified variable. <?php $t = 35; $jsonobj = '{"ABC":35,"DEF":36,"GEH":34}'; $obj = json_decode($jsonobj); ...