Change width of editable in views I am using Editable views for fast editing of fields that change a lot.
It works fine but the edit field is way to long.
I think it must be fixed with css but I don't know how.
I am using the Corolla theme.
When I use de chrome inspector on that fields this is the result:


block input.form-text, .block input.form-password, .block input.form-file {
max-width: 400px;
width: 100%;
}

When I change the width value it has effect but it will effect al input fields with those css classes. So that is not the solution.
I tried to add a css class in field settings in de view module. I called it editable_fields and I have added it to forms.css and corolla.settings.style.css with this line:

editable_fields {
width: 30%;
}


but it has no effect.

Is there a way to make the field smaller?

It looks like this now:
I think I have the answer. If I use the id selector on this way I can control the specific fields:

[id^="edit-node"] {
    max-width: 100px;
    width: 100%;


Edit:

I was happy to fast, I want to control all of the different edit fields for the first fields it looks great, but for others it does not. The complete id of the first field is id="edit-node-431-field-aantal-und-0-value"
The "431" is a variable but also the "aantal".

The css rule above works for everything that starts with edit-node, but i want to add differente rules for different fields. I have tried to put a * or a ^ in de place of the "431" like this:

[id^="edit-node-*-field-aantal"] {
    max-width: 100px;
    width: 100%;
}

But that does not work. Any ideas?